#wrapper
{
 
 text-align:center;

 width:995px;	
}

#wrapper h1
{
 margin-top:5px;
 font-size:45px;
 color:#0d77aa;
}
#wrapper h1 p
{
 font-size:16px;
}
#contact_form_div
{
 width:330px;
 margin-left:30px;
 padding:8px;
 background-color:#0d77aa;
    
}
#contact_form_div #contact_label
{
 margin:45px;
 margin-bottom:30px;
 font-size:20px;
 font-weight:bold;
 color:white;
 
}
#contact_form_div input[type="text"]
{
 width:230px;
 height:1px;
 border-radius:2px;
 font-size:12px;
 padding-left:5px;
 border:none;
}


#contact_form_div textarea
{
 width:230px;
 height:20px;
 border-radius:2px;
 font-size:17px;
 padding:5px;
}
#contact_form_div input[type="submit"]
{
 width:230px;
 height:30px;
 border:none;
 border-radius:2px;
 font-size:17px;
 background-color:#85C1E9;
 border-bottom:3px solid #3498DB;
 color:#1B4F72;
 font-weight:bold;
}

@media only screen and (min-width:700px) and (max-width:995px)
{
 #wrapper
 {
  width:100%;
 }
 #wrapper h1
 {
  font-size:30px;
 }
 #contact_form_div
 {
  width:50%;
  margin-left:25%;
  padding-left:0px;
  padding-right:0px;
 }
 #contact_form_div input[type="text"]
 {
  width:80%;
 }
 #contact_form_div textarea
 {
  width:80%;
 }
 #contact_form_div input[type="submit"]
 {
  width:80%;
 }
}
@media only screen and (min-width:400px) and (max-width:699px)
{
 #wrapper
 {
  width:100%;
 }
 #wrapper h1
 {
  font-size:30px;
 }
 #contact_form_div
 {
  width:60%;
  margin-left:20%;
 }
 #contact_form_div input[type="text"]
 {
  width:80%;
 }
 #contact_form_div textarea
 {
  width:80%;
 }
 #contact_form_div input[type="submit"]
 {
  width:80%;
 }
}
@media only screen and (min-width:100px) and (max-width:399px)
{
 #wrapper
 {
  width:100%;
 }
 #wrapper h1
 {
  font-size:25px;
 }
 #contact_form_div
 {
  width:90%;
  margin-left:5%;
  padding-left:0px;
  padding-right:0px;
 }
 #contact_form_div input[type="text"]
 {
  width:80%;
 }
 #contact_form_div textarea
 {
  width:80%;
 }
 #contact_form_div input[type="submit"]
 {
  width:80%;
 }
}