.presentation {

    position: absolute;

    height: 100vh;
    width: 100vw;

    /*background-image: url(../immagini/alex-jumper-JgEtmgOjoew-unsplash.jpg);*/
    background-image: url(../imgs/matthew-henry-uSdtHAt7E1Q-unsplash.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    
    box-shadow: 0px 3px 10px 0px rgb(65, 65, 65);

    z-index: 1 !important;

}

        .velonero-presentation {

            height: 100%;
            width: 100%;

            background-color: rgba(255, 255, 255, 0.4);

        }

                .btn-arrow-drop-down {

                    position: absolute;
                    left: 46vw;
                    bottom: 2vh;

                    font-size: 5rem !important;

                    color: white;

                }

                .btn-area-riservata {

                    right: 3vw;
                    top: 2vw;

                    border-radius: 20px !important;

                    background-color: white;


                }

                .btn-area-riservata:hover {

                    background-color: black;
                    color: white !important;

                }

                .navbar {

                    position: fixed;
                    top: 0;
                    right: 0;
                    left: 0;

                    height: 11vh !important;

                    z-index: 50 !important;

                }

                        
                        .nav-link {

                            margin-right: 2vw;

                            min-width: 8vw;
                            height: 4vh;

                            line-height: 2vh;

                            font-size: 20px;

                            text-align: center;

                        }


                        .nav-link:hover {

                            color: white;

                        }

                .title-div {

                    width: 100%;
                    height: 30%;

                    z-index: 500 !important;

                }

                        .immagine-titolo-div {

                            position: absolute;

                            margin-top: -5vh;
                            margin-left: 9vw;

                            width: 80vw;
                            height: 40vh;

                        }

                        .immagine-titolo {

                            position: absolute;

                            width: 100%;

                        }

                        .immagine-titolo-tiziano {

                            animation-duration: 1.5s !important;

                        }

                        .immagine-titolo-autoscuola {

                            margin-top: -5vh;
                            animation-duration: 1.5s !important;

                        }

                        .title {

                            position: absolute;
                            top: 25vh;
                            left: 0;

                            margin-bottom: 0;

                            width: 85vw;

                            text-align: center;
                            font-size: 150px;

                            /*font-family: 'Shadows Into Light', cursive;*/
                            /*font-family: 'Kalam', cursive;*/
                            font-family: 'Kaushan Script', cursive;
                            /*font-family: 'Marck Script', cursive;*/
                            /*font-family: 'Bad Script', cursive;*/
                            /*font-family: 'Shadows Into Light Two', cursive;*/
                            /*font-family: 'Nothing You Could Do', cursive;*/
                            /*font-family: 'Lobster Two', cursive;*/

                        }

                        .title2 {

                            position: absolute;
                            top: 46vh;
                            right: 0;

                            margin-bottom: 0;

                            width: 75vw;

                            text-align: center;
                            font-size: 100px;

                            /*font-family: 'Shadows Into Light', cursive;*/
                            /*font-family: 'Kalam', cursive;*/
                            font-family: 'Kaushan Script', cursive;
                            /*font-family: 'Marck Script', cursive;*/
                            /*font-family: 'Bad Script', cursive;*/
                            /*font-family: 'Shadows Into Light Two', cursive;*/
                            /*font-family: 'Nothing You Could Do', cursive;*/
                            /*font-family: 'Lobster Two', cursive;*/

                        }

                        .subtitle {

                            position: absolute;
                            top: 65vh;

                            width: 100vw;

                            color: white;

                            text-align: center;
                            font-size: 22px;

                            /*font-family: 'Shadows Into Light', cursive;*/
                            /*font-family: 'Kalam', cursive;*/
                            font-family: 'Kaushan Script', cursive;
                            /*font-family: 'Marck Script', cursive;*/
                            /*font-family: 'Bad Script', cursive;*/
                            /*font-family: 'Shadows Into Light Two', cursive;*/
                            /*font-family: 'Nothing You Could Do', cursive;*/
                            /*font-family: 'Lobster Two', cursive;*/

                        }

.div-chi-siamo {

    position: absolute;
    top: 100vh;

    height: 39vh;
    width: 100vw;

    background-color: transparent;

    z-index: 0 !important;

}

        .velobianco-div-chi-siamo {

            padding-top: 11.5vh;

            height: 100%;
            width: 100%;

            font-size: 20px;

            background-color: rgba(255, 255, 255, 0.4);
            /*background-color: rgba(7, 69, 144, 0.8);*/
            /* background-image: radial-gradient(rgba(7, 69, 144, 1), rgba(7, 69, 144, 1),rgba(7, 69, 144, 1),rgba(7, 69, 144, 0.7),rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)); */

        }

        .descrizione {

            margin-left: 0vw;
            margin-right: 0vw;
            padding: 20px;

            background-color: rgba(7, 69, 144, 0.9);

        }


.div-servizi {

    position: absolute;
    top: 155vh;

    height: 100vh;
    width: 100vw;

    background-color: transparent;

    z-index: 0 !important;

}

        .div-informazioni-servizi {

            height: 45vh;
            width: 100%;

            background-color: rgba(52, 58, 64, 1);

        }

        .div-immagine-servizi {

            height: 100vh;
            width: 100%;
            
            /*background-image: url(../immagini/motoculturel-8M-NMbrFTiw-unsplash.jpg);*/
            background-attachment: fixed;
            background-size: cover;
            background-repeat: no-repeat;

        }

                .velonero-service {

                    /*padding-top: 20vh;*/
                    line-height: 52vh;

                    width: 100%;
                    height: 100%;
                
                    background-color: rgba(255, 255, 255, 0.4);
                
                }

                        .title-servizi {

                            text-align: center;
                            font-size: 40px;

                        }

.div-dove-siamo {

    position: absolute;
    margin-top: 139vh;

    width: 100vw;
    height: 65vh;

    background-color: rgba(255, 255, 255, 0.4);

    z-index: 0 !important;

}


        .google-maps  {

            width: 100%;   
            height: 97%;

        }

        .google-maps > iframe {

            width: 100%;
            height: 100%;

            box-shadow: 0px 2px 20px 5px rgb(94, 94, 94);

        }

        .testo-contattaci {

            float: left;

            width: 50%;
            height: 50%;

        }

                .testo-contattaci > .testo {

                    margin-left: 10vw;

                    width: 350px;
                    height: 200px;

                    background-image: url(../../Senzanome2.png);
                    background-repeat: no-repeat;
                    background-size: cover;

                }

        .contattaci {

            float: right;

            width: 50%;
            height: 50%;

        }

                .contattaci > form > button {
                    
                    color: white;
                    background-color: rgba(7, 69, 144, 0.9) !important;

                }

.footer {

    position: absolute;
    margin-top: 202vh;

    width: 100vw;
    /*height: 40vh;*/

    background-color: rgb(7, 69, 144);

}

        .contatti-estesi-footer {

            width: 100%;
            height: 10vh;

            text-align: center;

            line-height: 10vh;

            color: white;
            background-color: rgb(8, 72, 150);

        }

        .contatti-estesi-footer > p {

            display: inline-block;

        }

        .social {

            margin-top: 3vh;

            text-align: center;

        }

        .social > div > a >i:hover {

            color: rgb(189, 189, 189) !important;

        }

                .title-footer {

                    margin-top: 2vh;

                    width: 100%;

                    font-size: 22px;
                    text-align: center;

                    color: white;

                }

                .p-info {

                    text-align: center;

                    color: white;

                }

        .end {

            background-color: rgb(6, 59, 124);

        }

                .sviluppatore {

                    float: right;
                    display: inline-block;

                    margin-bottom: 0;

                    line-height: 7vh;

                    font-size: 15px;

                    color: white;

                }

                        .btn-floating {

                            height: 4vh !important;
                            width: 4vh !important;

                        }