@media (max-width: 700px){
    .navigation a {
        padding-left: 15px;
    }
    header{
        padding: 10px 5%;
    }
}
@media (max-width: 520px){
    /* decrease pages em to 14px */
    body{
        font-size: 14px;
    }
    .navigation a {
        padding-left: 5px;
    }
        .social-icons a{
            padding-right: 15px;
        }
}
@media (max-width: 430px){
    /* decrease pages em to 14px */
    body{
        font-size: 13px;
    }
    .navigation a {
        padding-left: 3px;
        font-size: 0.8em;
    }
    footer .social-icons a {
        padding-right: 3px;
    }
    header{
        padding: 10px 5%;
    }
    .social-icons a{
        padding-right: 10px;
    }
    .logo{
        font-size: 1.5em;
    }
}
/* media query for width more than 1500px */
@media (min-width: 1500px){
    body{
        font-size: 20px;
    }
    
}
/* media query for width more than 2000px */
@media (min-width: 2000px){
    body{
        font-size: 25px;
    }
    
}
/* media query for width more than 2500px */
@media (min-width: 2500px){
    body{
        font-size: 30px;
    }
}
/* media query for width more than 3000px */
@media (min-width: 3000px){
    body{
        font-size: 40px;
    }
    
}
/* media query for width more than 3500px */
@media (min-width: 3500px){
    body{
        font-size: 50px;
    }
    
}