body{

    font-family: 'Aldrich', sans-serif;

}

h1{

    color:#387496 ;

    font-size: 20px;

   padding: 3% 0% 0% 0%;

}

h2 {

    color:#387496 ;

    font-size: 16px;

    padding: 1% 0%;

}

h3{

    color: #387496;

    font-size: 14px;

    margin-bottom: -3%;

    margin-top: 3%;

 }

 h4{

    color: #387496;

    font-size: 14px;

    

 }

 h5{

    color: #387496;

    font-size: 16px;

 }

p{

    font-size: 14px;

}

ul li{

    font-size: 14px; 

}

.menu{

    background-color: #fff;

    border-bottom: 3px solid #002637;

    padding: 1% 4%;

    box-shadow:-24px -21px 61px #494949;

}

.navbar-brand{

    background-image: url(img/luminometros_logo.png);

    padding: 2% 20% 2% 20%;

    width: 50%;

    background-repeat: no-repeat;

}



.paprin{

    background-image: url(img/fondo.jpg);

    padding:8% 10% 2% 10%;

}

.paprin2{

    background-image: url(img/fondo.jpg);

    padding:2% 10% 2% 10%;

}

.paprin img{

  

    display: block;

    width: auto;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 0%;

    margin-top: 0%;

   

}
.paprin2 img{

  

    display: block;

    width: auto;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 0%;

    margin-top: 0%;

   

}
.inpart {
    margin: 3% 4% 3% 4%;
    padding: 6% 4% 0% 0%;
}
.atpres {
    background-image: url(img/atpres.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 5%;
    padding: 2% 7% 2% 7%;
}
.atpres p{
    font-size: 20px;
    color: #0071bb;
}

.botones {
    padding: 1% 2%;
    background-color: #0071bb;
    color: #ffffff;
    border: 3px solid #fff;
    border-radius: 50px;
    margin-bottom: -2%;
    font-size: 16px;
    font-weight: 600;
}

.botones:hover {
    padding: 1% 2%;
    background-color: #014d7f;
    color: #ffffff;
    border: 3px solid #fff;
    border-radius: 50px;
    margin-bottom: -2%;
}

.boton {
    padding: 1% 2%;
    background-color: #44ba09;
    color: #ffffff;
    border: 3px solid #fff;
    border-radius: 50px;
    margin-top: 4%;
    font-size: 16px;
    font-weight: 600;
}
.boton:hover{
    padding: 1% 2%;
    background-color: #359206;
    color: #ffffff;
    border: 3px solid #fff;
    border-radius: 50px;
    margin-top: 4%;
    
}


.infofoot{

    background-color:#334F5F !important;

    color: #ffffff;

    padding: 4% 15% 2% 15%;

    

}

.infofoot p{

    font-size: 20px !important;

}

.footer{

    background-color: #000;

    text-align: center;

    padding: 2% 20% 1% 20%;

    color: #ffffff;

}

td{

    border: 2px solid rgb(114, 114, 114);

    padding: 0% 2%;

   

}

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: var(--bs-navbar-nav-link-padding-x);

    padding-left: var(--bs-navbar-nav-link-padding-x);

    font-size: 14px;

    color: #4d4d4d;

    font-weight: 600;

}

.navbar-expand-lg .navbar-nav .nav-link:hover{

    color:#02547a ;

}

.infofoot img {

    max-width: 100%;

}

@media only screen and (max-width: 1270px){

    .navbar-brand{

       

        padding: 3% 20% 3% 20%;

        

        

    }

}

@media only screen and (max-width: 1020px){

    .paprin{

       

        padding:12% 10% 5% 10%;

    } 

}

@media only screen and (max-width: 850px){

    .navbar-brand{

       

        padding: 4% 20% 5% 20%;

        width: 70%;

        

        

    }
    .inpart {
        margin: 3% 4% 3% 4%;
        padding: 15% 4% 0% 0%;
    }
    .atpres {
       
        margin-top: 8%;
     
    }

}

@media only screen and (max-width: 600px) {

    .paprin{

       

        padding:20% 6% 5% 6%;

    }

    .paprin img{

  

        display: block;

        width: auto;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 5%;

        margin-top: 3%;

       

    }
    .inpart {
        margin: 3% 4% 3% 4%;
        padding: 20% 4% 0% 0%;
    }

    .infofoot p{

        font-size: 16px !important;

    }

    .infofoot{

        padding: 4% 12% 2% 12%;

        

    }

    .navbar-brand{

        background-image: url(img/luminometros_logomb.png);

        padding: 8% 20% 4% 20%;

        width: 75%;

        margin-bottom:2%;

        margin-top: 2%;

        background-repeat: no-repeat;

    }

    .atpres {
       
        padding-top: 15%;
      
     }

  }

  @media only screen and (max-width: 480px){

    .menu {

        padding: 1% 2%;

    }

    .navbar img{

        max-width: 50%;

    }

       .navbar-brand{

        background-image: url(img/luminometros_logomb.png);

        padding: 8% 20% 4% 20%;

        width: 75%;

        margin-bottom:2%;

        margin-top: 2%;

        background-repeat: no-repeat;

    }
  

}