body{

  background-color: #081e4d !important;
  color: #c6cbcb;
  font-family: "Nunito", sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.2);
/*  justify-content: space-between;*/

}

.topnav a {
  float: right;
  color: #f2f2f2;
  text-align: center;
  padding: 18px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav .men:hover {
  background-color: #ddd;
  color: black;
}

/* Create a right-aligned (split) link inside the navigation bar */
.mainlogo {
  float: left;

}
.topnav a.logo:hover {
  text-decoration: none;
  background: none !important;
  color: white;
  font-weight: 25px;
  border-bottom: 2px solid #ff5733;

}

.card1, .card2, .card3, .card4{

  padding-top: 15px;
  box-shadow: 0 8px 8px -5px;
  border-radius: 23px;
  margin-bottom: 85px;
}

.card1:hover, .card2:hover, .card3:hover, .card4:hover{
  border-radius: 23px 23px 23px 23px;
  transition: 0.4s;
  box-shadow: 0px -25px 20px -20px rgba(0, 0, 0, 0.45), 25px 0 20px -20px rgba(0, 0, 0, 0.45), 0px 25px 20px -20px rgba(0, 0, 0, 0.45), -25px 0 20px -20px rgba(0, 0, 0, 0.45);
}
.card:hover  h4{
  text-decoration: underline;

}

.men{
  margin-top: 10px;
}
.contenedor1{
  height: 600px;
  background-color: rgba(0, 0, 0, 0.1); 
    box-sizing: content-box;
  overflow: overlay;
}
.contenedor1 p{
  color: #d5d8dc;
}


.il-img img{

  width: 200px;

}


.footer{

  height: 60px;
  background-color: rgba(0, 0, 0, 0.2);
}
.footer-text{
  padding-top: 20px;
}
.contenedor1-1{
  background: #ffffff;
  padding: 50px;
/*  height: 500px;*/
}

.contenedor3{
  background-color: rgba(0, 0, 0, 0.5);
}
.contenedor2{

  padding-bottom: 20px ;
}
/*Encabeza about-us.php*/
.encabeza{
  height: 80px;
  background-color: rgba(0, 0, 0, 0.2);
}
.nl{
  margin-left:30%;
  margin-top: 20px;
}
.bnl{
  margin-right: 30%;
  margin-top: 20px;
}
.col-md-4{
  margin-bottom: 30px;
}
.col-md-4 .card-body{
  background: #f3deda;
}

.contenedor5{
  background-color: rgba(0, 0, 0, 0.4);
  height: 240px;

}
.bb1{

}
.bb2{

}
.bb3{

}
.vid_pub{
  width: 1094px; 
  height: 640px;
}

/* ------ Pantalla Config --------------- */
/*----------------------------------------*/

/* Para pantallas menor a 1199 px ----*/
@media screen and (max-width: 1199px){

.vid_pub{
  width: 994px; 
  height: 540px;
}

}/* END para pantallas menor a 1199 px ----*/

/* Para pantallas menor a 991 px ----*/
@media screen and (max-width: 991px){

.vid_pub{
  margin-left: -38px;
  width: 794px; 
  height: 340px;
}

}/* END para pantallas menor a 991 px ----*/

/* Para pantallas menor a 767 px ----*/
@media screen and (max-width: 767px){

.vid_pub{
  margin-left: -128px;
  
}

}/* END para pantallas menor a 767 px ----*/

/* Para pantallas menor a 766 px ----*/
@media screen and (max-width: 766px){

.vid_pub{

  display: none;
  
}

}/* END para pantallas menor a 766 px ----*/

/* 1995 px or Less ----*/
@media only screen and (max-width: 1995px) {
  .illustre2{
    width: 550px;
  }
  .textil1{
    margin-top: 55px;
  }
  .il-img il-img {
    width: 680px;
  }
  }
/* END 1995 or Less */

/* 1440 px or Less ----*/
@media only screen and (max-width: 1440px) {
  
  }
/* END 1440 or Less */

/*  1095 px  para abajo ----*/
@media only screen and (max-width: 1095px) {

  .illustre2{

    padding-top: 35px;
    width: 350px;
  }

  .il-img img{

    width: 650px;
  }

  .textil1{

  padding-top: 55px; 

  }

}
/*End 1095 px  para abajo ----*/


/*Para pantalla mayor que 769px*/
@media screen and (min-width: 769px) {


  .contenedor1{

    height: 450px;
  }


  .dropdow-menu{
    display: none;

  }

  .icon-menu{
    display: none;

  }
  .menu  {

    display:inline;

  }

  .il-img img{

    width: 305px;
  }
  
}

/* Para pantallas menor a 768 px ----*/
@media screen and (max-width: 768px){


  .menu  {

    display: none;

  }
  .dropdow-menu{
    display: none;

  }

  .contenedor1 {

    height: 480px;
    
  }

.text-info{

top:20px;

}

.il-img img{

  width: 372px !important;
}


}

/* 767px or Less ----*/
@media only screen and (max-width: 767px) {
  .contenedor1-1 {
    padding-top: 165px;
  }
  .block-icon{
    margin-bottom: 85px;
  }
  .textil2{
    padding: 25px;
  }
}/* END 767px or Less */

/* 620px or Less ----*/
@media only screen and (max-width: 620px) {
  .contenedor1-1 {
    padding-top: 105px;
  }
  .block-icon{
    margin-bottom: 85px;
  }
  .card1 img, .card2 img, .card3 img, .card4 img{
    display: none;
  }
}/* END 575 or Less ----*/

/* 575px or Less */
@media only screen and (max-width: 575px) {
  .contenedor4{
    padding-left: 18px;
  }
}/* END 575 or Less */

/* 380px or Less ----*/
@media only screen and (max-width: 380px) {
  .il-img {

    display: none;
  }
  .contenedor1-1 {
    padding-top: 55px;
  }

  }
/* END 380 or Less */