#contact-form {width:100%; max-width:768px; margin:0 auto 20px auto; background:#3e3e3e; padding:10px 0 0 0; position:relative; z-index:10;}
#contact-form .content-inner {width:95%; max-width:671px; margin:-10px auto 0 auto;}

#contact-form .content-inner h1 {float:right; color:#aa81a1;}
#contact-form .content-inner a {color:#aa81a1;}
#contact-form .content-inner a:hover {color:#e6e6e6;}


#contact-form #contactpic {display:inline-block; width:35%; text-align:right; margin-top:30px; padding-top:5px;}
#contact-form #contactpic img {display:block; width:100%; max-width:235px;}
#contact-form #contactpic p {font-size:14px;}

#contact-form #contactform {display:inline-block; vertical-align:top; width:60%; text-align:right; margin-top:40px; margin-right:2%;}

#contact-form #contactsocial {vertical-align:bottom; margin:20px 0 20px 0;}
#contact-form #contactsocial .icons {float:right; width:50%; margin-top:98px; text-align:right;}
#contact-form #contactsocial .icons a img {margin:0 0 0 10px;}
#contact-form #contactsocial .fb-page {float:left; width:50%; text-align:left;}

@media only screen and (max-width:900px) {
 #contact-form #contactform #msg p input#myName {width:calc(100% - 215px);}
}

@media only screen and (max-width:600px) {
#contact-form #contactpic {display:none;}
#contact-form #contactform {display:block; width:400px; margin:30px auto;}

#contact-form #contactsocial span {display:block; margin-bottom:10px;}
#contact-form #contactsocial .icons a img {margin:0 0 10px 10px;}
#contact-form #contactsocial .icons {clear:right; float:none; width:100%; margin-top:0px;}
#contact-form #contactsocial .fb-page {clear:right; float:none; width:100%;}
}

@media only screen and (max-width:480px) {
#contact-form #contactform {width:100%; margin:30px 0;}

#contact-form .content-inner #search {display:none;}
}