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

.stylotope1{
    background-color: #ffffff ;
    font-size: 1.05em;
    color: gray;
}

.stylotope1 a{
    text-decoration: none;
    font-size: 1em;
    color: gray;
}
.logo{
    height: 55px;
    width: auto;
}


.navbarColor{
    background-color: #092e4b;
    color: #ffffff;
}

.navbarColor2{
    background-color: #0c3d63;
}

.nav-link a{
   color:  white;
}
.nav-item a{
    color: white;
}

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


.call{
    background-color: #badfc6;
}

.bordo{ 
    color: #510c1f;
}
.azul-gris{
    background-color: #badfc6;
}
    

.verde{
    color:#0c6d52;
}

.cajacontenido{
    background-color: #0c6d52;
    color: white;
}

.cajacontenido a{
    color: white;
}



.footer1{
    background-color: #510c1f;
    color: #ffffff;
}
.footer1 a{
    text-decoration: none;
    color: #ffffff;
    list-style: none;
}
.footer1 li{
    list-style: none;
}
.copy{
    background-color: #330814;
    color: #ffffff;
}




/* Smartphones (portrait and landscape) ———– */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

    .logo{
        height: 30px;
        width: auto;
    }

    .carousel-caption{
  
        padding-bottom: 0px;
     }
     .carousel-caption .display-4{ 
        font-size: 0.8em;
     }

     .carousel-caption h2{ 
        font-size: 0.8em;
     }
     
     

 

    h1{
        font-size: 1.9em;
    }

    h2{
        font-size: 1.5em;
    }
/* 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 */
}