@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap');

.marg-40{
    margin-top: 40px; 
    margin-bottom: 40px;
}
.flex-row-contact{
    flex-direction: row;
}

.height-logo{
    height: 100px;
}

.w-2-5{
    width: 40%;
}

.w-3-5{
    width: 60%;
}

.marg-t{
    margin-top: 130px;
    margin-bottom: 30px;
}
.marg-t-img{
    margin-top: 110px;
}
.font-h-30{
    font-size: 18px;
    font-weight: 600;
}
.font-h-40{
    font-size: 22px;
    font-weight: 600;
}

.he-logo-foot{
    height: 140px;
}
.font-h-20-header{
    font-size: 20px;
}
.font-h-20-footer{
    font-size: 20px;
}
.font-h-20{
    font-size: 20px;
}
.font-h-18{
    font-size: 18px;
}
.font-h-18-footer{
    font-size: 18px;
}
.font-14-20{
    font-size: 10px; 
    line-height: 10px;
}
.font-12-16{
    font-size: 12px; 
    line-height: 16px;
    font-weight: 600;
}

.font-16-16{
    font-size: 16px; 
    line-height: 16px;
    font-weight: 600;
}

.flex-row-form{
    flex-direction: row;
}

.flex-row-header{
    flex-direction: row;;
}

.we-392{
    width: 392px;
}

.we-301{
    width: 301px;
}

.flex-row-footer{
    flex-direction: row;
}

.flex-row-blogs{
    flex-direction: row;
}

.font-poppins {
    font-family: Poppins, sans-serif;
}

.font-poppins-bold {
    font-family: Poppins-Bold, sans-serif;
}

.font-poppins-extralight {
    font-family: Poppins-Extralight, sans-serif;
}

.we-85{
    width: 85%;
}

.font-poppins-medium {
    font-family: Poppins-Medium, sans-serif;
}

.font-25-30{
    font-size: 25px;
    font-weight: 300;
}

.font-20-30{
    font-size: 20px;
    font-weight: 500;
}

.font-18-30{
    font-size: 16px;
    font-weight: 600;
}
.he-700{
    height: 800px;
}

.mal-4{
    margin-left: 16px;
}

.he-90{
    height: 90px;
}
.he-60{
    height: 60px;
}
.w-1-2{
    width: 50%;
}

.int-60{
    width: 60%;
}
.int-70{
    width: 70%;
}
.int-60{
    width: 80%;
}
.flex-row-mision{
    flex-direction: row;
}

.flex-row-vision{
    flex-direction: row;
}

.flex-row-nosotros{
    flex-direction: row;
}
.font-title{
    font-size: 35px;
}
.custom-box-shadow {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.15);
}
.he-300{
    height: 300px;
}

@media screen and (min-width: 768px) and (max-width: 1024px)  {
    .font-h-30{
        font-size: 12px !important;
        font-weight: 600 !important;
    }
    .font-h-40{
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    .marg-t{
        margin-top: 90px !important;
    }
    .marg-t-img{
        margin-top: 0px !important;
    }
    .font-title{
        font-size: 30px;
    }
    .he-logo-foot{
        height: 120px;
    }
    .height-logo{
        height: 70px;
    }
    .font-h-18{
        font-size: 18px !important;
    }
    .font-h-18-footer{
        font-size: 18px !important;
    }
    .he-90{
        height: 55px;
    }
    .mal-4{
        margin-left: 0px;
    }
    .relative {
        height: auto;
    }
    .we-392{
        width: auto;
    }
    .flex-row-footer{
        flex-direction: row !important;
    }
    .we-301{
        width: auto;
    }
    .flex-row-form{
        flex-direction: column;
    }
    .font-h-20-header{
        font-size: 16px !important;
    }
    .font-h-20-footer{
        font-size: 16px !important;
    }
    .font-h-20{
        font-size: 18px !important;
    }
    
    .absolute {
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .text-white {
        font-size: 18px;
    }

    .mx-0 {
      margin-left: 0px;
      margin-right: 0px;
    }
  
    .mb-0 {
      margin-bottom: 0px;
    }
  
    .h-200 {
      height: 200px;
    }
  
    .w-1\/2 {
      width: 50%;
    }
  
    .we-150 {
      width: 150px;
    }
  
    .w-2\/5 {
      width: 40%;
    }
  
    .w-3\/5 {
      width: 60%;
    }
  
    .w-301 {
      width: 301px;
    }
  
    .w-392 {
      width: 392px;
    }
  
    .w-85 {
      width: 85%;
    }
}

@media screen and (max-width: 768px) {
    .flex-row-blogs{
        flex-direction: column;
        align-items: center;
    }
    /* .int-70{
        width: 100%;
    } */
    .marg-40{
        margin-top: 40px !important; 
        margin-bottom: 10px !important;
    }
    .marg-t{
        margin-top: 90px !important;
    }
    .marg-t-img{
        margin-top: 0px !important;
    }
    .font-title{
        font-size: 30px !important;
    }
    .font-h-20-header{
        font-size: 13px !important;
    }
    .font-h-20-footer{
        font-size: 13px !important;
    }
    .font-h-18{
        font-size: 13px !important;
    }
    .font-h-18-footer{
        font-size: 13px !important;
    }
    .font-h-20{
        font-size: 15px !important;
    }
    .he-90{
        height: 45px;
    }
    .flex-row-contact{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .we-85{
        width: 100%;
    }
    .w-1-2{
        width: 100%;
    }
}

@media screen and (max-width: 426px) {
    /* .flex-row-header{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    } */
    .marg-t{
        margin-top: 50px !important;
    }
    .marg-t-img{
        margin-top: 0px !important;
    }
    .font-title{
        font-size: 25px !important;
    }
    .font-h-18{
        font-size: 9px !important;
    }
    .font-h-18-footer{
        font-size: 15px !important;
    }
    .font-h-20-header{
        font-size: 9px !important;
    }
    .font-h-20-footer{
        font-size: 13px !important;
    }
    .height-logo{
        height: 50px;
    }
    .he-logo-foot{
        height: 80px;
    }
    .flex-row-footer{
        flex-direction: column;
    }
    .w-1-2{
        width: 100%;
    }
    .w-2-5{
        width: 100%;
    }
    .w-3-5{
        width: 90%;
    }
    .font-25-30{
        font-size: 18px;
        font-weight: 300;
    }
    .flex-row-mision{
        flex-direction: column;
    }
    .flex-row-vision{
        flex-direction: column;
    }
    .flex-row-nosotros{
        flex-direction: column;
    }
    .he-700{
        height: 800px;
    }
    .font-h-40{
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    .font-h-30{
        font-size: 10px !important;
        font-weight: 600 !important;
    }
    .marg-40{
        margin-top: 50px !important; 
        margin-bottom: 0px !important;
    }
    .marg-t{
        margin-top: 70px !important;
    }
    .he-300{
        height: 200px;
    }
}