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

    
#header_div {
    width: 100%;
    height: 100%;
    
    //background-color: #dcebeb;
}

#header_div img{
    float: left;
    
    padding: 20px;
    padding-left: 0px;
    
    width: 20%;
    height: auto;
}

#header_div h1,h3 {
    color: #003865;
    
    position: relative;
    top: 2%;
    
    font-size: 3vw;
    
}

    
    #header_div h1 {
        font-size: 4.3vw;
        padding-top: 30px;
    }
    
    #header_div p {
        margin-top: 40px;
        margin-bottom: 20px;
    }

#header_div p {
    color: #003865;
    
    float: right;
    
    position: relative;
    right: 10%;
    
    font-size: 1.5em;
}


    
    
    
    
    
    
    
    label {
        display: block;
        cursor: pointer;
        
        font-size: 3em;
        
        color: #003865;
    }
    
    nav div.menu {
        width: 100%;
        text-align: center;
        display: none;
        
        z-index: 10;
    }
    
    nav div.menu a {
        display: block;
        
        color: #003865;
        
        font-size: 1.2em;
        
        margin: 0 0 20px 0;
        
        border-bottom: 1px solid #003865;
        
        z-index: 10;
    }
    
    .menu a:hover {
        font-size: 1.4em;
    }
    
    #toggle:checked + .menu {
        display: block;
        
        transition: 
    }
    
    
    
    

}