@charset "UTF-8";

@media only screen and (min-width: 620px) {

    #header {
        padding: 18px 0  6px 31px;
    }
    
    #page-content {
        padding: 6px 45px 30px;
    }
    
    h1 {
        font-size: 46px;
    }
    
    h2 {
        font-size: 37.5px;
    }
    
    h3 {
        font-size: 29px;
    }
    
    p {
        font-size: 27px;
    }
    
    body h2 + h1 {
        margin-bottom: .5em;
    }

    #header h2 {
        font-size: 31px;
    }
    
}

@media only screen and (min-width: 620px) {

    #m-header {
        text-align: center;
        padding: 38.5px 0 22px 0;
    }
    
}

@media only screen and (max-width: 380px) {

    h1 {
        font-size: 30px;
    }
    
    h2 {
        font-size: 25px;
    }
    
    h3 {
        font-size: 19px;
    }
    
    select {
        font-size: 14px;
    }
}

@media only screen and (max-width: 300px) {
 
    #header h2 {
        font-size: 15px;
    }
    
}