@media(max-width: 1280px) {
    #home {
        .intro {
            font-size: 2.5vw;
        }
        .head {
            font-size: 7vw;
            line-height: 6.9vw;
        }
        h1 {
            font-size: 1.885vw;
            margin-bottom: 2.5vw;
            margin-top: 2.5vw;
        }
    }
}


@media(max-width: 992px) {
    #biography {
        p {
            font-size: 2rem;
            line-height: 2.3rem;
            margin-bottom: 2.5rem;
        }
    }

    #contact {
        .contact-data {
            left: unset;
            right: 0;
        }
    }
}


@media(max-width: 768px) {
    #menu {
        .navbar-brand {
            position: initial;
        }
        .nav-item {
            font-size: 1.5rem;
        }
        .language {
            align-self: center;
            position: initial;          
        }
        ul.language, 
        ul.language li {
            display: inline-block;
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
        
    }

    footer.footer {
        margin-top: 2rem;
        padding: 3rem 1.5rem;
        text-align: center;
    }

    #home {
        .intro {
            font-size: 1.5rem;
        }
        .head {
            font-size: 3.4rem;
            line-height: 3.2rem;
        }
        .head span {
            display: initial;
        }
        h1 {
            font-size: 1rem;
            margin-bottom: 1.5rem;
            margin-top: 1.1rem;
        }
    }

    .item-project {
        .img-fluid-project, 
        video {
            object-fit: unset;
            max-height: unset;
            min-height: unset;
        }
        .img-fluid-project.horizontal,
        video.horizontal {
            max-height: unset;
        }

        .image-footer {
            padding: 0.5rem 0.5rem;
        }
    } /* .item-project */
   
    #services {
        h1 {
            font-size: 2.4rem;
            line-height: 2.2rem;
        }        
        .lead p {
            font-size: 1.5rem;
            line-height: 1.85rem;
        }        
    }

    #contact {
        .fs-3 {
            font-size: 2rem!important;
            line-height: 2.2rem!important;
        }

        .contact-data {
            position: initial;
            text-align: center;
        }
    }
}


@media(max-width: 576px) {
    section.container-fluid {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    #menu {
        padding: 1.2rem 0rem;
    }

    .item-project {
        h2 {
            margin-bottom: 0;
        }
    }
    
    #services {
        h1 {
            /* font-size: 4.2rem;
            line-height: 4rem; */
        }
        .lead {
            /* font-size: 2.5rem !important; */
        }
        .lead p {
            /* line-height: 2.5rem; */
        }
    }
}