﻿
#SubHeader_NutritionalCoaching {
    background-image: url(media/NutritionalCoaching/SubHeaderNC.jpg);
    background-size: cover;
    height: 100vh;
    position: relative;
}

    #SubHeader_NutritionalCoaching .row {
        padding-top: 15%;
    }

.ServizioNutrigenomica {
    margin-top: 20px;
}

    .ServizioNutrigenomica p {
        color: #1B5EA3;
    }

.ImgBGNutritional {
    position: absolute;
    width: 90%;
    top: -5px;
    left: 5%;
}

.BoxInfo p {
    padding: 50px 100px;
}

.Obiettivi {
    color: #1B5EA3;
}

    .Obiettivi img {
        width: 100%;
        padding: 20px 10px 0 10px;
    }

.ListaObiettivi {
    margin: 0;
    padding: 0;
}

    .ListaObiettivi li {
        list-style: none;
        padding: 0 0 5px 0;
    }

        .ListaObiettivi li:before {
            content: "\f111";
            font-family: "Font Awesome 5 Free";
            font-style: normal;
            font-weight: 900;
            font-display: block;
            src: url("media/fonts/@fortawesome/fa-solid-900.eot");
            src: url("media/fonts/@fortawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("media/fonts/@fortawesome/fa-solid-900.woff2") format("woff2"), url("media/fonts/@fortawesome/fa-solid-900.woff") format("woff"), url("media/fonts/@fortawesome/fa-solid-900.ttf") format("truetype"), url("media/fonts/@fortawesome/fa-solid-900.svg#fontawesome") format("svg");
            font-size: 5px;
            padding: 0 8px;
        }

.BannerPacchetti {
    background-image: url(media/NutritionalCoaching/NC_Banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 20px;
    position: relative;
    height: 450px;
    display: table;
    width: 100%;
}

    .BannerPacchetti h2 {
        text-align: center;
        color: rgb(255, 255, 255);
        display: table-cell;
        vertical-align: middle;
    }

    .BannerPacchetti .btn-White {
        position: absolute;
        left: calc(50% - 100px);
        bottom: 100px;
    }

.FasciaBlue {
    background-color: #1B5EA3;
    width: 100%;
    padding: 20px 0;
    margin-top: 50px;
}

    .FasciaBlue small {
        color: #fff;
        display: block;
        text-align: center;
    }

@media (max-width:768px) {
    #SubHeader_NutritionalCoaching {
        background-position: center;
    }

        #SubHeader_NutritionalCoaching .row {
            padding-top: 25%;
        }

    .BoxInfo p {
        padding: 50px 0px;
    }
}
