@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    header{
    /*width: 100%;*/
    }
    header p {
    padding: 15vw 10vw 7vw 10vw;
    font-size: 25px;
    }
    header p.intro-text {
    font-size: 20px;
    line-height: 38px;
    }
    
    .specimens {
    width: 70px;
    height: 70px;
    }
    
    .specimens a {
    font-family: "Chubi";
    font-size: 12px;
    text-align: center;
    width: 70px;
    height: 70px;
    margin-top: 23px;
    margin-left: 1px;
    line-height: 11px;
}
    
    
        header {
        padding-top: 17vw !important;
    }

    nav.header {
        font-size: 10px;
        max-width: 100vw;
        padding-left: 3%;
        padding-right: 3%;
    }

    .centered {
        font-size: 10px;
    }
    .back-to-site{
        font-size: 25px;
    }
    header div#intro-menu ul {
        column-count: 1;
    }

    header div#intro-menu {
        font-size: 35px;
    }
    .font-option {
        width: 80%;
        margin: auto;
        padding-top: 5vw;
    }
    /*-------FOOTER---------*/
    .footer-infos ul {
    display: block;
    margin: 0;
    margin-top: 4vw;
    padding: 0;
    padding-left: 2vw;
    padding-right: 2vw;
}
    .onscreen {
    height: 20vw !important;
    }
    
.footer-infos ul li a {
    font-size: 10px;
    }
    #ss-options {
        display: inline-block;
        margin-right: 30px;
        margin-left: 20px;
        margin-bottom: 5vw;
        margin-top: 5vw;
    }
    select {
        width: 100%;
        text-align: center;
        margin-bottom: 2vh;
    }

    .opt-titles {
        display: block;
        margin: auto;
        text-align: center;
    }

    input[type=range] {
        width: 100%;
        margin-bottom: 3vh;
    }

    .request-button {
        margin: auto;
        text-align: center;
        display: block;
        margin-top: 3vw;
    }
    section:nth-child(14) {
    padding-bottom: 18vw !important;
    }
    
    #sample01{
        font-size: 25px;
        line-height: 30px;
    }
     #sample02{
        font-size: 30px;
        line-height: 30px;
    }
    #sample03 {
    font-size: 56px;
    line-height: 51px;
    }
    #sample04 {
    font-size: 55px;
    line-height: 50px;
    }
    #sample05 {
    font-size: 40px;
    line-height: 40px;
    }
    #sample06 {
    font-size: 35px;
    line-height: 35px
    }
    #sample07 {
    font-size: 35px;
    line-height: 35px
    }
    /* REQUEST FORM*/
    .popup-close-button{
    background: url('img/close-button-black.png');
          background-size: contain;
    background-position: center;
    position: fixed;
    top:10px;
    right:20px;
    }
    .ff-form .ff-title {
    font-family: 'zerozoro';
    font-size: 25px !important;
    padding-bottom: 2vw !important;
    }
    .ff-form .ff-item label {
        font-size:17px !important;
    }
    .form-check label.form-check-label {
    font-size: 12px !important;
    }
    #Widget1428890321 {
        font-size:9px !important;
        width: inherit;
    }
    .ff-layout-default {
    max-width: 90% !important;
    padding: 5% !important;
    }
    a.ff-powered-img{display:none !important;
        visibility: hidden !important;}
    #ff-submit-root {
        padding:5vw;
    }

}