@import url("menu.responsive.css");
@import url("footer.responsive.css");
@import url("index.responsive.css");
@import url("servizi.responsive.css");
@import url("serviziDettaglio.responsive.css");
@import url("carriere.responsive.css");
@import url("visione.responsive.css");
@import url("contatti.responsive.css");
@import url("videoTransition.responsive.css");

/*orientamenti bloccati*/
@media only screen and (max-device-width: 1023px) and (orientation: landscape) {
    /*.rotateDevice {
        display: block;
    }*/
}


@media only screen and (min-width: 1024px) and (max-width:1279px) {

    .pageMainContent {
        width: 800px;
        padding-top: 150px;
    }

    .pageContent {
        width: 800px;

    }

    .spacer {
        height: 50px;
    }

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

    .detailSectionImgContainer {
        border-radius: 15px;
        width: 300px;
        height: 300px;
    }

    .imgNumber {
        width: 300px;
        height: 300px;
    }

    .roundedRectangleNested {
        padding-bottom: 50px;
    }

    h1,
    h2 {
        font-size: 50px;
        padding: 0;
        margin: 20px 0 30px 0;
    }

    h3,
    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 32px;
        margin: 80px 0 30px;
    }

    h5.big {
        font-size: 38px;
    }

    h6 {
        font-size: 24px;
    }

    p {
        font-size: 20px;
        padding-bottom: 30px;
    }
}


@media only screen and (max-width:1023px) {
    .pageMainContent {
        width: 92vw;
        padding-top: 150px;
    }

    .pageContent {
        width: 92vw;

    }

    .roundedRectangle {
        padding: 0;
        border-radius: 20px;
        overflow: hidden;
        margin-top: 6vw;
    }

    .flatSection {
        padding: 0 0 6vw 0;
    }

    .roundedRectangleNested {
        width: 90%;
    }

    h1,
    h2 {
        font-size: 7vw;
        padding: 0;
        margin: 10px 0 25px 0;
    }

    h3,
    h4 {
        font-size: 5vw;
    }

    h5 {
        font-size: 28px;
        margin: 50px 0 35px;
    }

    h5.big {
        font-size: 5.8vw;
        width: 80%;
        color: #929295;
    }

    h6 {
        font-size: 5vw;
    }

    p {
        font-size: 4.1vw;
        padding-bottom: 24px;
    }

    .detailSectionImgContainer {
        border-radius: 10px;
        height: 185px;
        width: 100%;
    }

    .imgNumber {
        width: 100%;
    }

    .spacer {
        height: 8vw;
    }

    .paddingBottom {
        padding-bottom: 12vw !important;
    }

    .whiteLogo,
    .blackLogo {
        width: 250px;
    }

    .minHeight100 {
        min-height: auto;
    }

    .smallPaddingTop {
        padding-top: 12vw !important;
    }
}