/*EL HEADER*/

/*RAYAS DEL MENU*/
.mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar {
    background-color: white !important;
}

.mobile_menu .slicknav_menu .slicknav_btn {
    top: -25px;
}
/* BOTÓN INICIO*/
.main-header .main-menu ul li a{
    color: white;
    font-weight: bold;
}

.main-header .main-menu ul li a:hover{
    color: white;
    text-decoration: underline;
}

/* BOTÓN DE REGISTRO*/
.btnRegistrar a{
    background-color: white;
    color: #F68121;
    font-weight: bold;
}

.btnRegistrar a:hover{
    color: white;
}

/* ESTILOS DE STYLEFOOTER.CSS*/
@font-face {
    font-family: 'Prelo Black Italic';
    src: url('../Fonts/Prelo-Black\ Italic.otf') format('opentype');

    font-style: italic;
}

@font-face {
    font-family: 'Prelo Bold';
    src: url('../Fonts/Prelo-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Prelo Bold Italic';
    src: url('../Fonts/Prelo-Bold\ Italic.otf') format('opentype');
}

h1{
    margin-top: 50px;
    font-family: 'Prelo Black Italic', Arial, sans-serif;
    Font-size: 32px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 50px;
}


.single-footer-caption .footer-logo h5{
    font-family: 'Prelo Black Italic', Arial, sans-serif;
}

.divs > div{
    font-family: 'Prelo Bold', Arial, sans-serif;
}


/*  */

.hfac,.hing{
    font-family: 'Prelo Black Italic', Arial, sans-serif;
}


/* ESTILOS PARA EL LOGIN.PHP*/
/*Postergación Ittsabus*/
.section-tittle span,
.section-tittle h2
{
    color: #4d4d4d;
    font-family: 'Prelo Black Italic', Arial, sans-serif;
}

.section-tittle h1
{
    color: #4d4d4d;
    font-family: 'Prelo Black Italic', Arial, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    margin-bottom: 17px;
}


/*¿Olvidaste la contraseña?*/
div .contraseña{
    display: flex;
    justify-content: flex-end;
    margin:20px 0;
}

div .contraseña h3{
    color: #999999;
    font-size: 1.5rem;
}s

/* BOTÓN ENVIAR*/
.submit-btn{
    background-color: #F68121;
}

/*servicioCliente del footer*/
.servicioCliente{
    width: 428px;
}

.textP{
    font-family: 'Prelo Bold Italic', Arial, sans-serif;
    color: #999999;
}


.custom-margin {
    margin: 0 10px;
}


/* MEDIA QUERYS*/

@media (max-width:500px) { 
  .logo img{
    width: 200px;
  }
    
   #back-top{
    right: 20px;
   }
  
   .servicioCliente{
    font-size: 20px;
    width: 325px;
   }
   .h3wa{
    width: 275px;
   }
  } 


  @media (max-width:342px) {
    .logo img{
        width: 150px;
    }
    .servicioCliente{
        width: 300px;
    }
  }

  @media (max-width:319px) {
    .logo img{
        width: 120px;
    }
    .servicioCliente{
        width: 280px;
    }
  }

  @media (min-width: 500px) and (max-width: 700px) { 
     .logo img{
        width: 200px;
     }
  }
  @media (min-width: 700px) and (max-width: 900px) {
    .logo img{
        width: 250px;
     }
  }