@font-face {
    font-family: Bennet;
    src: url("../fonts/Benne-Regular.otf") format("opentype");
}


body {
    margin-bottom: 60px;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

.verMas {
    font-size: 12px;
}


.btn {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

    .btn:hover {
        border-color: var(--secondary-color);
    }

.hero-section {
    padding-top: 100px !important;
    padding-bottom: 40px !important;
}

.section-padding {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}


.background-image {   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

  /*  padding: 8% 0% 8% 0%;*/
    margin-top: 0px;
    
}
@media (min-width: 300px) and (max-width: 374px) {
    .background-image {
        background-image: url('../images/Banner_1024.png');
        padding: 5% 1% 5% 1%;
    }

    .h1NombreProyecto {
        font-size: 16px !important;
    }

    .main-banner {
        margin-top: 100px !important;
    }
}

@media (min-width: 375px) and (max-width: 479px) {
    .background-image {
        background-image: url('../images/Banner_1024.png');
        padding: 5% 1% 5% 1%;
    }

    .h1NombreProyecto {
        font-size: 19px !important;
    }

    .main-banner {
        margin-top: 60px !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .background-image {
        background-image: url('../images/Banner_2560.png');
        padding: 10% 10% 6% 10%;
    }

    .h1NombreProyecto {
        font-size: var(--h2-font-size) !important;
    }

    .main-banner {
        margin-top: 50px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .background-image {
        background-image: url('../images/Banner_2560.png');
        padding: 8% 10% 6% 10%;
    }

    .h1NombreProyecto {
        font-size: var(--h3-font-size) !important;
    }
}
@media (min-width: 1024px)and (max-width: 1439px) {
    .background-image {
        background-image: url('../images/Banner_2560.png');
        padding: 8% 10% 5% 10%;
    }

    .h1NombreProyecto {
        font-size: var(--h2-font-size) !important;
    }
}
@media (min-width: 1440px) and (max-width: 1999px) {
    .background-image {
        background-image: url('../images/Banner_2560.png');
        padding: 8% 10% 6% 10%;
    }

    .h1NombreProyecto {
        font-size: 62px !important;
    }
}
@media (min-width: 2000px) {
    .background-image {
        background-image: url('../images/Banner_2560.png');
        padding: 8% 0% 6% 0%;
    }

    .h1NombreProyecto {
        font-size: 75px !important;
    }

}
.main-banner {   
   margin-top:50px;
}