body{
    padding: 0px;
    margin: 0px;
    font-family: sans-serif;
}

@font-face{
    font-family: 'masaludbolt';
    src: url('../fonts/Harmattan-Bold.ttf');
}
@font-face{
    font-family: 'masaludtext';
    src: url('../fonts/Harmattan-Regular.ttf');
}


.colornav{
    background-color: rgba(225, 225, 225, .2)!important;
    color: black:
   }


.colornav.colornav2{
    background-color: #ffffff!important;
    transition: all 1s ease;
   }

   .carousel{
       margin-top: -88px;
   }


   .carousel-caption{
       padding-bottom: 150px;
   }

   .carousel-caption h2{
       text-align: start;
       font-size: 6em;
       color: #0CA3A9;
       font-family: 'masaludbolt';
       text-shadow: 2px 2px 2px rgb(14, 13, 13);
}
      
   }

   .modalturno{
    color: #0CA3A9;
    font-family: 'masaludbolt';
}

.tituloPrincial{
    font-size: 2.8em;
    font-weight: 400;
}


   .claro{
       color: #00507A;
   }


   .carousel-caption h3{
    text-align: start;
    font-size: 3em;
    color: #009FE1;
    font-family: 'masaludbolt';
}

.jumbotron-2{
    background-color: #6ECACF;
}

.carousel-caption p{
    text-align: start;
    font-size: 1.8em;
    color: #2b2b2b;
    font-family: 'masaludtext';
   
}
.nav-item a{
    color: #1b1b19;
}

.stylotope1{
    background-color: #0CA3A9 ;
    font-size: 1em;
    color: #FFFFFF;
}

.stylotope1 a{
    text-decoration: none;
    font-size: 1em;
    color: #FFFFFF;
}

.redestope1{
    font-size: 1.5em;
    text-align: end;
}

.navbarColor{   
    color: white;
}

.footer1{
    background-color: #004461;
    color: #ffffff;
}
.footer1 a{
    text-decoration: none;
    color: #ffffff;
    list-style: none;
}
.footer1 li{
    list-style: none;
}
.copy{
    background-color: #023044;
    color: #ffffff;
}


/* Smartphones (portrait and landscape) ———– */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .claro{
        font-size: 1.5em;
        
    }

    .tituloPrincial{
        font-size: 1.8em;
        font-weight: 400;
    }
    
        

/* Styles */
}

/* Smartphones (landscape) ———– */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ———– */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ———– */
@media only screen
and (min-width : 1224px) {
/* Styles */
}