html, body {height: 100%;}
body { background:#f2ece0; margin:45px 0 0 0}
.title-css { margin:10px auto 45px auto; text-align:center}
.social-media a { margin:0 8px}
.site { margin:26px 0 47px 0}
.ins { background:url(../images/instagram.png) no-repeat center top; width:91px; height:61px; display:inline-block}
.ins:hover { background:url(../images/instagram-h.png) no-repeat center top; }


.facebook { background:url(../images/facebook.png) no-repeat center top; width:91px; height:61px; display:inline-block}
.facebook:hover { background:url(../images/facebook-h.png) no-repeat center top; }

.email { background:url(../images/email.png) no-repeat center -4px; width:91px; height:61px; display:inline-block; }
.email:hover { background:url(../images/email-h.png) no-repeat center -4px; }




@media (max-width:480px) {
.social-media a { margin:0 5px}

.title-css { margin:24px auto 24px; padding:0 20PX}
.logo img { width:200px;}
.site { margin:20px 0 20px 0}
body {margin:20px 0 0 0}
.site img { width:150px }

}

@media (max-width:359px) {

.social-media a { margin:0 -2px}
.ins { background-size:90%}
.ins:hover { background-size:90%}

.facebook { background-size:90%}
.facebook:hover { background-size:90%}

.email { background-size:90%}
.email:hover { background-size:90%;}


}