@import url(/css/modal.css);
@import url(/css/modal-contact.css);
@import url(/css/modal-bounce.css);
@import url(/font/fonts.css);
@import url(/css/nav.css);
@import url(/css/banner.css);
@import url(/css/services.css);
@import url(/css/slider.css);
@import url(/css/footer.css);
@import url(/css/contact.css);
@import url(/css/login.css);
@import url(/css/servicios.css);
@import url(/css/nosotros.css);
@import url(/css/politicas.css);
@import url(/css/bot.css);
@import url(/css/colors.css);
@import url(../scss/particles.css);

/* @import url(../bootstrap/css/bootstrap.min.css); */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--white1);
}

a {
    text-decoration: none;
}

.main-container {
    background-color: var(--white1);
    margin-top: 3.4em;
}

#decor {
    position: absolute !important;
    z-index: 10;
}

#banner {
    position: relative;
    z-index: 90;
    height: 96vh;
    background-size: 100%;
    background-position: bottom center;
    background-image: url(/img/wave1.png), linear-gradient(237deg, #fce431, #ffec5f 0%, #fcdf14 100%);
    background-repeat: no-repeat;
}

#section1 {
    z-index: 100;
    padding: 0 0 20px 0;
}

#section1>div>div:nth-child(2)>div {
    margin: -30px 0;
}

#section2 {
    z-index: 90;
    position: relative;
    padding: 135px 0 0 0;
    background-size: 100%;
    background-image: url(/img/wave2.png), linear-gradient(150deg, var(--yellow) 0%, var(--yellow) 100%);
    background-repeat: no-repeat;
}

#section3 {
    color: var(--white1);
    position: relative;
    z-index: 100;
    background-color: var(--white1);
    padding-bottom: 50px;
}

#section_logo {
    padding: 9em 0;
}

footer {
    position: relative;
    background-color: var(--black2);
    z-index: 100;
}

@media only screen and (max-width: 768px) {
    .main-container {
        margin-top: 6.2em;
    }
}