@font-face {
  font-family:"gimbal-regular" ;
  src: url("../fonts/fonnts.com-gimbalegypextd-reg.otf");
}
@font-face {
    font-family:"noto-regular" ;
    src: url("../fonts/NotoSerif-VariableFont_wdth\,wght.ttf");
  }
  @font-face {
    font-family:"amazing-regular" ;
    src: url("../fonts/Amazing-Slab-Regular-trial.ttf");
  }


.menunav img{
max-width: 250px;
}
.menunav{
    background-color: #241A3F;
    padding: 1% 7%;
    border-bottom: 1px ;
    
  }

  .nav-item a{
    color: #ffffff !important;
    font-weight: 700;
    font-size: 18px;
  
  }
  .nav-item a:hover{
    color: #F08213!important;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  
  .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #0A4979;
    border-radius: 0.25rem;
    transition: box-shadow 0.15s ease-in-out;
  }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0px 0px 3px 0px #0A4979;
  }

  .navbar-light .navbar-toggler-icon {
    background-image: url(../img/menu.png);
  }

.navbar-light .navbar-toggler {
  color: rgb(255, 255, 255) !important;
  border-color: rgb(255 255 255) !important;
}
  .inicio{
    background-color: #f9f9f9;
    font-family:"amazing-regular" ;
    padding: 2% 3%; 
  }

  .inicio img{
    max-width: 100%;
    
  }
  .inicio h1{
    font-family:"amazing-regular" ;
    font-size: 62px;
    margin-top: 34%;
   text-align: center;
   font-weight: 500;
   color: #241A3F;
  }
  .bordo{
    border-top: 5px solid #F08213;
    width: 75%;

  }
  .inicio p{
  text-align: center;
    color: #424242;
    font-size: 25px;
    margin-top: 5%;
  }
    .quiensoy{
    padding: 0% 5% 5% 5%;
    text-align: center;
  
  }
    .quiensoy h1{
      font-family:"amazing-regular" ;
    font-size: 45px;
    color: #241A3F;
    
}
  .tquiensoy{
    display:flex;
    justify-content: center;
    align-items: center;
    height: 250px;
  }

  .creo{
    background-image: url(../img/fondo2.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 10% 2% 8% 2%;
    box-shadow: 9px 6px 9px #888888;
    text-shadow: 2px 2px 10px #000;
  }
  .creo ul li{
    font-size: 30px;
  }
  .creo h1{
    font-family:"amazing-regular" ;
    font-size: 45px;
    
}
  .tcreo{
    display:flex;
    justify-content: center;
    align-items: center;
  }
    .comosoy{
    padding: 15% 5%;
    text-align: center;
    font-size: 18px;
}

    .comosoy h1{
      font-family:"amazing-regular" ;
    font-size: 45px;
    color: #241A3F;
    
}
    .tcomosoy1 {
    background-color: #F08213;
    color: #ffffff;
    padding: 5%;
    border-radius: 25px 25px 10px 25px;
    margin: -20% 0% 15% 20%;
    width: 95%;
    font-weight: 600;
    box-shadow: 10px 10px 0px #e3e3e3;
}
    .tcomosoy2 {
    background-color: #50348B;
    color: #ffffff;
    padding: 5%;
    border-radius: 25px 10px 25px 25px;
    margin-bottom: 5%;
    width: 95%;
    font-weight: 600;
    box-shadow: 10px 10px 0px #e3e3e3;
}
    .tcomosoy3 {
    background-color: #50348B;
    color: #ffffff;
    padding: 2% 5%;
    border-radius: 25px 25px 25px 10px;
    margin-bottom: 5%;
    width: 95%;
    font-weight: 600;
    box-shadow: 10px 10px 0px #e3e3e3;
}
    .tcomosoy4 {
    background-color: #F08213;
    color: #ffffff;
    padding: 5%;
    border-radius:  10px 25px 25px 25px;
    margin: 15% 0% 0% -15%;
    width: 95%;
    font-weight: 600;
    box-shadow: 10px 10px 0px #e3e3e3;
}
    .tsoy{
    display:flex;
    justify-content: center;
    align-items: center;
  }
    .compromiso{
    background-image: url(../img/fondo1.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    padding: 6% 10% 6% 10%;
    box-shadow: 9px 6px 9px #888888;
    font-size: 18px;
  
}
    .compromiso img{
    float: right;
}
    .compromiso h1{
      font-family:"amazing-regular" ;
    font-size: 45px;
    text-align: center;
    margin-bottom: 5%;
}
    .compromiso img{
    max-width: 20%;
}

    .experiencia{
        padding: 5%;
        background-color: #fff;
    }
    .exp{
    padding: 5%;
    background-color: #F08213;
    color: #fff;
    border-radius: 50px 0px ;
    font-size: 18px;
    box-shadow: 10px 10px 0px #e3e3e3;
    }
.exp img{
    max-width: 95%;
    padding: 0% 0% 5% 0%;
}
    .experiencia h1{
      font-family:"amazing-regular" ;
        font-size: 45px;
        text-align: center;
        margin-bottom: 5%;
    }
.conf{
    background-color: #f9f9f9;
    padding: 5% 5%;
    text-align: center;
    font-size: 18px;
}
.conf h1{
  font-family:"amazing-regular" ;
    font-size: 45px;
    text-align: center;
    margin-bottom: 5%;
    color: #241A3F;
}
.conf img{
    max-width: 80%;
    margin: 5%;
}
.ministro{
  background-color: #50348B;
  color: #fff;
  font-size: 18px;
}
.fministro{
  background-image: url(../img/fondoministro.png);
  background-size: cover;
  background-repeat: no-repeat;
  
}
.ftitmin{
  padding: 8% 5%;
}
.ftitmin h1{
  font-family:"amazing-regular" ;
  font-size: 45px;
  text-align: center;
  margin-bottom: 8%;
}
  .contacto{
  padding: 8% 0%;
  font-size: 20px;


}
.contacto a{
  text-decoration: none;
  color: #000;
}
.contacto h1{
  font-family:"amazing-regular" ;
  font-size: 45px;
  text-align: center;
  margin-bottom: 8%;
  color: #241A3F;
}

.infic{
  padding: 2% 2%;
}
    .footer{
   background-color: #241A3F;
   color: #fff;
   text-align: center;
   padding: 1% 0%;
 }

 @media only screen and (max-width: 991px) {
  .inicio h1 {
    margin-top: 15%;
  }
  .inicio img {
    max-width: 70%;
}
.tcomosoy1 {
  margin: 0% 0% 5% 8%;
}
.tcomosoy3{
  margin-top: 10%;
}
.tcomosoy4{
  margin: 5% 0% 0% -4%;
}
.compromiso img {
  max-width: 30%;
}
}
@media only screen and (max-width: 500px) {
  .inicio h1 {
    margin-top: 20%;
  }
  .inicio img {
    max-width: 100%;
}
.compromiso img {
  max-width: 40%;
}
}