* {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            box-sizing: border-box;
        }

        body {
            font-size: 18px;
            font-family: 'Spartan', sans-serif;
        }

        #policy {
            height: 80px;
            width: 100%;
            background-color: #67C1D4;
            text-align: center;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 10000;
            padding-top: 20px;
        }

        /* navbar */
        .navbar-bianco .navbar-brand {
            color: #383932;
        }

        .navbar-bianco .navbar-brand:hover,
        .navbar-light .navbar-brand:focus {
            color: #383932;
            text-decoration: underline;
        }

        .navbar-bianco .navbar-nav .nav-link {
            color: #383932;
            font-family: 'Spartan';
            font-weight: 300;
            font-style: italic;
        }

        .navbar-bianco .navbar-nav .nav-link:hover,
        .navbar-light .navbar-nav .nav-link:focus {
            color: #383932;
            text-decoration: underline;
        }

        .navbar-bianco .navbar-nav .nav-link.disabled {
            color: #383932;
        }

        .navbar-bianco .navbar-nav .show > .nav-link,
        .navbar-bianco .navbar-nav .active > .nav-link,
        .navbar-bianco .navbar-nav .nav-link.show,
        .navbar-bianco .navbar-nav .nav-link.active {
            color: #383932;
        }

        .navbar-bianco .navbar-toggler {
            color: #383932;
        }

        .navbar-bianco .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .navbar-bianco .navbar-text {
            color: #383932;
        }

        .navbar-bianco .navbar-text a {
            color: #383932;

        }

        .navbar-bianco .navbar-text a:hover,
        .navbar-light .navbar-text a:focus {
            color: #383932;
            text-decoration: underline;
        }

        /* navbar */

        .piena {
            height: 100vh;
        }

        .vuoto {
            height: 80px;
        }

        .titolo2 {
            color: #67C1D4;
            font-family: 'Spartan';
            font-weight: bold;
            font-style: normal;
            font-size: 144px;
        }

        .titolo3 {
            color: #383932;
            font-family: 'Spartan';
            font-weight: 500;
            font-style: normal;
            font-size: 40px;
        }

        .titolo4 {
            color: #383932;
            font-family: 'Spartan';
            font-weight: 300;
            font-style: normal;
            font-size: 30px;
        }

        .titolo5 {
            color: #383932;
            font-family: 'Spartan';
            font-weight: 300;
            font-style: italic;
            font-size: 22px;
            text-decoration: none;
        }

        .titolo-colore5 {
            color: #383932;
            font-family: 'Spartan';
            font-weight: 500 !important;
            font-style: normal !important;
            font-size: 22px;
            text-decoration: none;
        }

        .titolo-colore5:hover {
            color: #383932;
            text-decoration: underline;
        }

        .testo-light {
            color: #383932;
            font-family: 'Spartan';
            font-weight: 300;
            font-style: italic;
            font-size: 20px;
        }

        .testo-regular {
            color: #383932;
            font-family: 'Spartan';
            font-weight: normal;
            font-style: normal;
            font-size: 20px;
        }

        .testo-footer {
            color: #383932;
            font-family: 'Spartan';
            font-weight: normal;
            font-style: normal;
            font-size: 14px;
        }

        .testo-footer1 {
            color: #383932;
            font-family: 'Spartan';
            font-weight: normal;
            font-style: normal;
            font-size: 16px;
        }
.testo-footer2 {
            color: #383932;
            font-family: 'Spartan';
            font-weight: normal;
            font-style: normal;
            font-size: 14px;
        }

        .box1 {
            width: 120px;
            height: 120px;
            background-color: #FFDA75;
            color: #383932;
            font-family: 'Spartan';
            font-weight: 500;
            font-style: normal;
            font-size: 22px;
        }

        .box2 {
            width: 200px;
            height: 60px;
            background-color: #67C1D4;
            color: #383932;
            position: relative;
            top: 30px;
            left: -30px;
        }

        .box3 {
            width: 120px;
            height: 120px;
            background-color: #67C1D4;
            color: #383932;
            font-family: 'Spartan';
            font-weight: 500;
            font-style: normal;
            font-size: 22px;
        }

        .box4 {
            width: 200px;
            height: 60px;
            background-color: #FFDA75;
            color: #383932;
            position: relative;
            top: 30px;
            left: -30px;
        }

        .box {
            margin: 60px;
        }

        .lavoro {
            width: 240px;
            height: 240px;
            background-color: aqua;
        }

        #illustrazioni:hover {
            opacity: 60%;
            transition: 0.5s;
        }

        #motion:hover {
            opacity: 60%;
            transition: 0.5s;
        }

        #grafiche:hover {
            opacity: 60%;
            transition: 0.5s;
        }

        .colore-lavori {
            color: #67C1D4 !important;
            margin: 10px;
        }

        .linea {
            text-decoration: none !important;
        }

        @media (max-width: 1150px) {
            .titolo3 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500;
                font-style: normal;
                font-size: 35px;
            }

            .titolo4 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 300;
                font-style: normal;
                font-size: 30spx;
            }
        }

        @media (max-width: 1013px) {
            .titolo3 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500;
                font-style: normal;
                font-size: 30px;
            }

            .titolo4 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 300;
                font-style: normal;
                font-size: 25spx;
            }
        }

        @media (max-width: 877px) {
            .titolo3 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500;
                font-style: normal;
                font-size: 25px;
            }

            .titolo4 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 300;
                font-style: normal;
                font-size: 20spx;
            }

            .box1 {
                width: 100px;
                height: 100px;
                background-color: #FFDA75;
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500;
                font-style: normal;
                font-size: 20px;
            }

            .box2 {
                width: 180px;
                height: 50px;
                background-color: #67C1D4;
                color: #383932;
                position: relative;
                top: 25px;
                left: -25px;
            }

            .box3 {
                width: 100px;
                height: 100px;
                background-color: #67C1D4;
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500;
                font-style: normal;
                font-size: 20px;
            }

            .box4 {
                width: 180px;
                height: 50px;
                background-color: #FFDA75;
                color: #383932;
                position: relative;
                top: 25px;
                left: -25px;
            }

            .titolo-colore5 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500 !important;
                font-style: normal !important;
                font-size: 18px;
                text-decoration: none;
            }

            .testo-footer {
                color: #383932;
                font-family: 'Spartan';
                font-weight: normal;
                font-style: normal;
                font-size: 10px;
            }
        }

        @media (max-width: 405px) {
            .titolo2 {
                color: #67C1D4;
                font-family: 'Spartan';
                font-weight: bold;
                font-style: normal;
                font-size: 100px;
            }

            .titolo3 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500;
                font-style: normal;
                font-size: 20px;
            }

            .titolo4 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 300;
                font-style: normal;
                font-size: 15px;
            }

            .box1 {
                width: 80px;
                height: 80px;
                background-color: #FFDA75;
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500;
                font-style: normal;
                font-size: 13px;
            }

            .box2 {
                width: 140px;
                height: 40px;
                background-color: #67C1D4;
                color: #383932;
                position: relative;
                top: 20px;
                left: -20px;
            }

            .box3 {
                width: 80px;
                height: 80px;
                background-color: #67C1D4;
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500;
                font-style: normal;
                font-size: 13px;
            }

            .box4 {
                width: 140px;
                height: 40px;
                background-color: #FFDA75;
                color: #383932;
                position: relative;
                top: 20px;
                left: -20px;
            }

            .titolo-colore5 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 500 !important;
                font-style: normal !important;
                font-size: 12px;
                text-decoration: none;
            }

            .titolo5 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: 300;
                font-style: italic;
                font-size: 12px;
                text-decoration: none;
            }

            .testo-footer {
                color: #383932;
                font-family: 'Spartan';
                font-weight: normal;
                font-style: normal;
                font-size: 10px;
            }

            .testo-footer1 {
                color: #383932;
                font-family: 'Spartan';
                font-weight: normal;
                font-style: normal;
                font-size: 14px;
            }
        }