@media only screen and (max-width: 1023px) and (orientation: portrait) {
    
    .top-header {
        padding: 10%;
    }
    
    p {
        font-size: 2.2vw;
    }
    
    .arrow-down {
        border-left: 60px solid transparent;
        border-right: 60px solid transparent;
        border-top: 60px solid #006b8c;
    }

    .nav-header {
        margin-top: 5%;
        padding-left: 5%;
        padding-right: 5%;
    }
    
    .nav li, .nav a {
        width: 100%;
    }
    
    .nav li {
        margin-bottom: 6%;
    }
    
    .nav a {
        font-size: 5vw;
    }
    
    .center {
        max-width: 80%;
    }
    
    h1, h2 {
        font-size: 8vw;
        margin-bottom: 10%;
    }
    
    .resp-menu {
        display: table;
        transform: scale(2, 2);
    }
    
    .nav-header {
        display: none !important;
    }
    
    .resp-header a {
        padding: 20px 0px;
    }
    
    footer ul {
        clear: both;
        margin-right: 0vw;
        margin-bottom: 12%;
        text-align: center;
        width: 100%;
    }
    
    .footer li {
        font-size: 2.5vw;
    }
    
    footer ul:last-child {
        margin-bottom: 0%;
    }
    
    .veld {
        margin-bottom: 8%;
    }
    
    .contact-form {
        padding: 4%;
        font-size: 40px;
    }
    
    textarea {
        font-size: 2.5vw;
    }
    
    .button {
        font-size: 3vw;
    }
    
    #logobg {
        float: right;
        margin-right: 5%;
    }
}