@media screen and (min-width: 320px) {
    body {
        position: relative;
    }
    body .menu-header {
        background-color: #140804;
    }
    body #wrapper {
        display: none;
    }
    body .slides {
        padding: 0px;
        list-style: none;
        margin: 0px;
    }
    body .slides li {
        position: relative;
    }
    body .slides li .subcont {
        display: flex;
        align-items: center;
        height: 100%;
        width: 100%;
        position: absolute;
    }
    body .slides li .subcont p {
        padding: 0px 20px;
        color: white;
        font-size: 20px;
        line-height: 23px;
        font-family: 'Montserrat-Bold';
    }
    body .slides li .subcont p #andatti-text {
        width: 60px;
        margin-top: -50px;
    }
    body .slides li .subcont p #gratis {
        width: 100px;
    }
    body .slides li .subcont p #cafe {
        color: #522c1b;
    }
    body .slides li .subcont p #blue {
        color: #008aff;
    }
    body .slides li .subcont div img {
        width: 70px;
    }
    body .slides li img {
        width: 100%;
        margin: 0px;
        margin-bottom: -5px;
    }
    body .slides li:nth-child(2) .subcont {
        justify-content: flex-start;
    }
    body .slides li:nth-child(3) .subcont {
        justify-content: flex-end;
    }
    body .slides li:nth-child(4) .subcont {
        justify-content: flex-start;
    }
    body .slides li:nth-child(5) .subcont {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 1024px) {
    body .menu-header {
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 999;
        background-color: rgba(20, 8, 4, 0);
    }
    body .menu-header .menu {
        z-index: 999;
    }
    body #wrapper {
        display: none;
    }
    body #wrapper .section {
        background-size: cover !important;
        background-position: top center;
    }
    body #wrapper .section .fp-tableCell {
        display: flex;
        align-items: center;
    }
    body #wrapper .section .fp-tableCell p {
        color: white;
        width: auto;
        font-size: 50px;
        font-family: 'Montserrat-Bold';
        margin: 0px;
    }
    body #wrapper .section .fp-tableCell p #andatti-text {
        width: 200px;
        margin-top: -50px;
    }
    body #wrapper .section .fp-tableCell p #gratis {
        width: 450px;
    }
    body #wrapper .section .fp-tableCell p #cafe {
        color: #522c1b;
    }
    body #wrapper .section .fp-tableCell p #blue {
        color: #008aff;
    }
    body #wrapper .section .fp-tableCell .section-even {
        margin-right: 80px;
    }
    body #wrapper .section .fp-tableCell .section-odd {
        margin-left: 80px;
    }
    body #wrapper .section .fp-tableCell div {
        width: 620px;
        margin-left: -80px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    body #wrapper .section .fp-tableCell div img {
        width: 180px;
    }
    body #wrapper .section:nth-child(1) {
        background-image: url("../img/slide0.jpg");
        background-size: 100% 100% !important;
    }
    body #wrapper .section:nth-child(2) {
        background-image: url("../img/slide1.jpg");
    }
    body #wrapper .section:nth-child(2) .fp-tableCell {
        justify-content: flex-start;
    }
    body #wrapper .section:nth-child(3) {
        background-image: url("../img/slide2.jpg");
    }
    body #wrapper .section:nth-child(3) .fp-tableCell {
        justify-content: flex-end;
    }
    body #wrapper .section:nth-child(4) {
        background-image: url("../img/slide3.jpg");
    }
    body #wrapper .section:nth-child(4) .fp-tableCell {
        justify-content: flex-start;
    }
    body #wrapper .section:nth-child(5) {
        background-image: url("../img/slide4.jpg");
    }
    body #wrapper .section:nth-child(5) .fp-tableCell {
        justify-content: flex-end;
    }
    body #wrapper .section:nth-child(6) {
        background-image: url("../img/slide5.jpg");
    }
    body #wrapper .section:nth-child(6) .fp-tableCell {
        justify-content: flex-start;
    }
    body .slides {
        display: none;
    }
    body footer {
        position: fixed;
        bottom: 0;
        z-index: 9999;
    }
}

@media screen and (min-width: 1280px) {
    #wrapper .section .fp-tableCell div {
        width: 780px;
        margin-left: -120px;
    }
    #wrapper .section .fp-tableCell div img {
        width: 220px;
    }
}

@media screen and (min-width: 1600px) {
    body #wrapper .section .fp-tableCell p {
        font-size: 70px;
    }
    body #wrapper .section .fp-tableCell .section-odd {
        margin-left: 120px;
    }
    body #wrapper .section .fp-tableCell .section-even {
        margin-right: 120px;
    }
}


/*# sourceMappingURL=mecanica.css.map */