body {line-height: 1.6;font-size: 18px !important;font-family: 'Oxygen', sans-serif;color: #4f4f51;}
#logo {width:100%; text-align:center;}
#logo img {width:330px; margin: 30px 0 20px 0;}
h1, h2 {text-align: center;line-height: 1;margin: 0 0 20px 0;font-family: 'Source Serif Pro', serif;}
h1 {font-size: 3em;color: #262e45;}
h2 {font-size: 2em;color: #fe0193;}
a, img {text-decoration: none; outline: none; border: none;}
 #page {width:80%; max-width:1024px;margin: 0 auto;padding: 0 0 0 0;}
 #intro {margin-bottom: 30px;}
 #content {margin-bottom: 40px;}
 #contact {display: block; width: 100%; padding: 40px 0 30px 0;height: 150px; border-top: solid 1px #fc0091;border-bottom: solid 1px #262e45;}
 #contact p {line-height:1;}
 #phone, #email {width: 50%; float: left;  text-align: center;}

.contact a {color:#ea670c;}
#social {display: block; clear: both; width: 100%; height: 50px; padding: 10px; text-align: center;}
#social img {padding:0 10px;}
.zoom {transition: transform .2s;}
.zoom:hover {transform: scale(1.1);}
#footer {padding: 20px 0 0 0;}
#footer img {height: 30px;padding: 0 30px;}

@media (max-width:1280px) {
 h2 {font-size: 1.8em; line-height:1;}
 #page {width:96%; margin: 0 auto; }
#logo img {width:220px; margin: 20px 0 20px 0;}
#intro img {width: 400px;}
#content {padding: 0 30px;}
 #footer {text-align:center;}
}


@media (max-width:767px) {
    #page {width:95%; margin: 0 auto; }
    h2 {font-size: 1.5em; margin: 0; padding: 10px 0 0 0; line-height:1;}
    #logo, #contact, #phone, #email  {width: 100%;}
    #logo {margin: 10px 0 0 0;}
    #logo img {width:200px;}
    #intro img {width: 360px;}
    #contact {height: 250px;}
     #content {margin-bottom: 10px;}
    #phone, #email {float: none; display: block;}
}
@media (max-width:480px) {
     #intro img {width:100%;}
    #page {padding: 0 0 0 0;}
     #logo img {width:160px; margin: 20px 0 0 0;}
    #intro img {float:left;width:93%;padding: 0 0 0 16px;}
    #content {padding: 0 20px 0 20px;}
}