/*Página de inicio*/
*{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.topbar { 

    background-color: black;
}

.topbar2{
    background-color: black;
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,218,0) 69%, rgba(0,0,0,1) 100%);
}

/*MENU*/
#navbarNav a{
    font-weight: bolder;
    color: black;
    font-family:'Roboto', sans-serif;;
}

.navbar-brand img{
    width: 50%;
}

.navbar-brand{
    width: 20%;
}
/*FIM MENU*/

/*BANNER*/
.banner {
    background-image: url(../imgs/banner3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 12%;
}
/*FIM BANNER*/

/*banner2*/
.banner2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../imgs/nuestragente.jpg"); 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 12%;
}

/*banner3*/
.banner3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../imgs/microfone.jpg"); 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 12%;
}


/*banner4*/
.banner4 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../imgs/programas.jpg"); 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 12%;
}

/*banner5*/
.banner5{
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../imgs/trabaja.jpg"); 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 12%;
}

/*banner6*/
.banner6 {
  background-image: url(../imgs/contato2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 12%;
}
/*FIM BANNER*/



/*Nuestra gente*/
.personajes {

    margin-top: 10%;
    font-family: OpenSans, sans-serif;
    text-align: center;
}

.personajes p {
    color: black;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    padding: 2%;
    margin: 10px 0px 15px;
}

.personajes h6 {
    font-weight: bolder;
    margin-top: 2%;
}


.personajes h7 {
    font-weight: bolder;
    margin-top: 2%;
}

.personajes hr {
    border: solid 1px #ffe600;
    width: 50%;
    margin-left: 20%;
}

.personajes img{
    border-radius: 100px 100px 100px 100px;
}

.personajes img:hover{
   
    transform: translate(10px, 5px);
    border-radius: 0px 0px 0px 0px;
    font-weight: bold ;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

/*Nuestra radio*/

.titulo h5{

    margin-top: 5%;
    font-size: 35px;
    font-weight: bold;
    font-family: 'Dancing Script', cursive;
}

#titulo2 {

  margin-top: 1%;
  font-family: 'Dancing Script', cursive;
  font-size: 40px;
  font-weight: bolder;
}



#parafo {
  color: black;
  font-family: "Open sans", sans-serif;
  font-size: 18px;
}

audio {
  width: 80%;
  margin: 2%;
  background-color: #ffe600;
}


/*Programas*/

#btnEscuchar {

font-size: 15px;
margin-bottom: 15%;
margin-top: 15%;
font-weight: bold;
color: black;
border: none;
background: rgb(255,230,0);
}

#btnEscuchar:hover{
  background-color: #f9dd00;
}


/*Contato*/

#formulario{
  margin-top: 10%;
}

#bannercontato{
  width: 80%;
  margin-top: 25%;
  margin-left: 15%;
  box-shadow: 5px 5px 5px black;
}

/*trabaja con nosotros*/

/*footer*/
footer{
  background-color: rgb(15, 15, 15);
  margin-top: 7%;
  padding: 2%;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  color: #FFF;
}

#hover{
  color: #FFFFFF;
}

#hover:hover{
  
  color: #f9dd00;
}


/*Responsividade*/
@media only screen and (max-width: 320px) {
  #logo{
    
    width: 50px;
  }
#one{
  font-size: 25px;
}
}