#contact{
    width:100%;
    padding:10px;
    margin-top: 25px;
    margin-bottom: 25px;
    
}

#contact h4{

margin-top: 10px;    
color:#01648E;
font-size: 16px;
font-family: Cairo;


}

#contact h3{

    margin-top: 10px;    
    color:#01648E;
    font-size: 28px;
    font-family: Cairo;
    
    
    
    }

    #contact button{

    width: 98%;
    margin: auto;
    font-size: 1.125em;
    padding: 10px;
    background-color: #01648e;
    border-color: 0 solid #333
        
        
        }
        #contact button:hover{

            
            background: #01577b;
            
                
                
                }

@media screen and (min-width:780px){
    
    #contact{
    width:70%;
    padding:10px;
    margin-top: 25px;
    margin-bottom: 25px;
    
}

#contact h4{

margin-top: 10px;    
color:#01648E;
font-size: 16px;
font-family: Cairo;


}

#contact h3{

    margin-top: 10px;    
    color:#01648E;
    font-size: 28px;
    font-family: Cairo;
    
    
    
    }

    #contact button{

    width: 98%;
    margin: auto;
    font-size: 1.125em;
    padding: 10px;
    background-color: #01648e;
    border-color: 0 solid #333
        
        
        }
        #contact button:hover{

            
            background: #01577b;
            
                
                
                }
    
    
    
}