* {
  box-sizing: border-box;
  font-family: "Source Sans Pro", sans-serif;
  color:white;
  user-select:none;
}

body{
  background-color: #454545;
  margin:0px;
}

.img-fondo{
  width:100%;
  height:auto;
  opacity:0.5;
}

.navbar{
  position:absolute;
  right:15px;
  top:30px;
  max-width:70%;
  font-size:20px;
}

.btn{
  cursor:pointer;
}

.btn:hover{
  color:orange;

}

.logo-rp{
  position: absolute;
  left:40px;
  top:15px;
}

.titulo{
  width:100%;
  position:absolute;
  top:250px;
  text-align:center;
  font-size:42px;
  font-weight:600;
  letter-spacing:10px;
}

.barras-titulo{
  width:80%;
  margin:auto;
}

.subtitulo{
  font-weight:100;
  font-size:21px;
  letter-spacing:3px;
}

.content{
  padding:15px;
  background-color:rgb(229,120,49);
}

.content > div {
  background-color:#454545;
  padding:15px;
  min-height:1000px;
}

img{
  width:250px;
  height:auto;
  border: 5px solid #000000;
}

@media only screen and (max-width: 700px) {
  .titulo{
    font-size:30px;
    letter-spacing:5px;
    top:115px;
  }
  
}