@import "../components/Headers/defaultHeader.css";
@import "../components/banner-stripe.css";

/* General
--------------------------------------------*/
    #breadcrumbs {
        margin-bottom: 2.083vw;
        margin-top: 0.781vw;
    }
    #main-section-img img {
        object-position: top left;
    }

/* Main Section
--------------------------------------------*/
    #main-section-img {
    	height: 100%;
    }

/* Title Section
--------------------------------------------*/
    #section-title .stripe-title {
        margin-bottom: 2.083vw;
    }

/* Video Section
--------------------------------------------*/
    #section-video iframe {
        width: 100%;
        height: 38.802vw;
    }

/* About Section
--------------------------------------------*/
    #section-about .cell {
        width: 50%;
    }
    #section-about .cell-img .cell-container-inner {
        border-radius: 26.042vw;
        overflow: hidden;
    }
    #section-about .cell-img .cell-container-inner {
        width: 25vw;
        height: 39.583vw;
        margin-left: auto;
    }

/* Strenght Section
--------------------------------------------*/
    #strenght-1 .bg-text-banner {
        opacity: 1;
        color: rgb(249 240 235 / 35%);
        mix-blend-mode: normal;
        top: -21.5%;
        opacity: 0.4;
    }

    #strenght-1 .bg-text-banner strong {
        color: var(--main-color--);
        opacity: 1;
    }
    .strengt-stripe .cell.cell-image .cell-container-inner {
        height: 44.792vw;
    }
    .strengt-stripe .cell.cell-image {
        width: 59%;
    }
    .strengt-stripe .cell.cell-text {
        width: 41%;
    }



@media screen and (max-width: 1920px) {
    /* General
    --------------------------------------------*/
        #breadcrumbs {
            margin-bottom: 40px;
            margin-top: 15px;
        }

    /* Title Section
    --------------------------------------------*/
        #section-title .stripe-title {
            margin-bottom: 40px;
        }

    /* Video Section
    --------------------------------------------*/
        #section-video iframe {
            width: 100%;
        }

    /* About Section
    --------------------------------------------*/
        #section-about .cell {
            width: 50%;
        }
        #section-about .cell-img .cell-container-inner {
            border-radius: 500px;
        }
        #section-about .cell-img .cell-container-inner {
            width: 480px;
            height: 760px;
        }
}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1620px) {
    /* Video Section
    --------------------------------------------*/
        #section-video iframe {
            height: 40.741vw;
        }

    /* About Section
    --------------------------------------------*/
        #section-about .cell-img .cell-container-inner {
            width: 29vw;
            height: 45.91vw;
        }

    /* Strenght Section
    --------------------------------------------*/
        .strengt-stripe .cell.cell-image .cell-container-inner {
            height: 46.728vw;
        }
}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
    /* Video Section
    --------------------------------------------*/
        #section-video iframe {
            height: 47.431vw;
        }

    /* Strenght Section
    --------------------------------------------*/
        .strengt-stripe .cell.cell-image .cell-container-inner {
            height: 54.514vw;
        }
        #strenght-1 .bg-text-banner {
            top: -19%;
        }
}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    /* About Section
    --------------------------------------------*/
    #section-about .cell-img .cell-container-inner {
        width: 34vw;
        height: 53.83vw;
    }

    /* Strenght Section
    --------------------------------------------*/
        .strengt-stripe .cell.cell-image .cell-container-inner {
            height: 56.484vw;
        }
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {
    #strenght-1 .bg-text-banner {
        top: -17%;
    }
}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
    #section-title .stripe-title {
        padding-left: 0;
        padding-right: 0;
    }
    #section-title .stripe-description {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* About Section
    --------------------------------------------*/
        #section-about .cell-text .cell-container-inner {
            padding-right: 0;
            padding-top: 0;
        }
        #section-about .cell-img .cell-container-inner {
            width: 38vw;
            height: 60vw;
        }

        .strengt-stripe .cell-text .cell-container {
            padding: 0 !important;
        }    
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) { 

    #section-title,
    #section-title .stripe-container-inner,
    #section-about,
    #section-video.stripe-container {
        padding-left: 0;
        padding-right: 0;
    }

    /* About Section
    --------------------------------------------*/
        #section-about {
            padding-top: 0;
        }
        #section-about .cell {
            width: 100%;
        }
        #section-about .cell.cell-text .cell-container {
            padding-top: 0;
            padding-right: 0;
        }
        #barbara-giuliani > .stripe-container > .stripe-container-inner {
            padding-bottom: 0;
        }
        #section-about .cell-img {
            display: none;
        }
        #section-about .cell-img .cell-container-inner {
            width: 50vw;
            height: 80vw;
            margin: 0 auto;
            margin-top: 40px;
        }        
    
    /* Video Section
    --------------------------------------------*/
        #section-video iframe {
            height: 52.673vw;
        }

    /* Strenght Section
    --------------------------------------------*/
        #strenght-1 .bg-text-banner {
            top: -14vw;
        }
        .strengt-stripe .cell.cell-image, 
        .strengt-stripe .cell.cell-text {
            width: 100% !important;
        }
        .strengt-stripe .cell.cell-text {
            order: 1;
            padding: 0;
        }
        .strengt-stripe .cell.cell-image {
            order: 2;
            padding: 0;
            padding-top: 20px;
        }
        .strengt-stripe .cell.cell-image .cell-container {
            padding: 0;
        }
        .strengt-stripe .cell.cell-image .cell-container-inner {
            height: 95.828vw;
        }
        .strengt-stripe .cell-text .cell-container-inner {
            padding-top: 0;
        }    
}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}