body {
    background: #D2D2FA;
}
.sideleftpages {
    float: left;
    width: 20%;
    padding: 5px;
    background: #D2D2FA;
    position: fixed;
    top: 72px;
}
#footer {
    font-size: 11px;
    text-align: left;
    background: none;
    padding: 12px;
    color: blue;
    display: block;
}
#page-title{color: white; line-height: 100%;}
#container{width: 70%; background:#D2D2FA;}
#content-area{background: #fff; width: 60%; float: right; padding: 20px;}
#conAraHdr {font-size: 16px; background: #4444E6; color: white; padding: 40px;}
#contactBtn {
    font-size: 16px;
    color: blue;
    background: lightblue;
    border: solid 2px green;
    padding: 5px;
    margin-top: 10px;
}
#contactBtn:hover {
    color: green;
    background: lightgreen;
    border: solid 2px blue;    
}
#contact_form_logged_in{font-size: 19px; padding: 10px; text-align: center; color: blue;}
#contact_form_not_logged_in{font-size: 19px; padding: 10px;}
#name_input{font-family: arial; width: 45%; height: 40px; font-size: 16px; border: solid 1px #B8CCE4;}
#email_input{font-family: arial; width: 45%; height: 40px; font-size: 16px; border: solid 1px #B8CCE4; margin-left: 5%;}
#message_input{font-family: arial; width: 95%; height: 150px; font-size: 16px; border: solid 1px #B8CCE4; resize: both;}
#form-submission-check{font-size: 20px; padding: 10px; font-family: arial; color: #fff; background: navy; text-align: center; border: solid 2px #ab0000;}
#refresh_page {color: #0000ff; background: #fff; border: solid 2px #ff0000;}
@media only screen 
  and (min-device-width : 50px) 
  and (max-device-width : 709px){
      .mobileHide {display: none;}
      .mobileShow {display: inline;}
      #container{width: 100%; background:#fff;}
      #content-area{background: #fff; width: 90%; padding: 0; float: none;}
      #mobilebottommenu{background:#002060; border-top:groove 4px #ff0000;}
      #contactBtn{font-size: 24px; padding: 10px;}
      #name_email_input{font-size: 20px;}
      #message_input{font-size: 20px;}
}