@media screen and (max-width: 760px) {


html { border-top: 6px solid rgb(44,62,80) !important; border-bottom: 6px solid rgb(44,62,80) !important; }

header { padding: 40px 0; background-size: cover; }
header h1 { width: 90%; margin: 40px auto 0 auto; font-size: 1.1em !important; color: #fff; !important; }

#logo { display: none; }
#logo-mobile { display: block !important; cursor: pointer; text-indent: -999999px; background: url(images/logo-mobile.png) top left no-repeat; width: 280px; height: 139px; margin: 0 auto; }

p { width: 82%; margin: 0 auto; font-size: 1.2em; }
h1 { font-size: 2.2em; }

#about { padding: 50px 0 10px 0; background-color: rgb(44,62,80) !important; color: white !important; }
#mixes { padding: 50px 0 50px 0; background-color: white; color: rgb(44,62,80) !important; }
#contact { padding: 50px 0 20px 0; background-color: rgb(44,62,80) !important; color: white !important; }

#mixeswrap { width: 90%; margin: 0 auto; }

#contactform { width: 90%; margin: 0 auto; }
#contact-left { width: 95%; margin: 0 auto; float: none; }
#contact-right { width: 95%; margin: 0 auto; float: none; }
#contactform input { width: 90%; }
#contactform textarea { width: 90%; margin-bottom: 20px; }

#go {  width: 92% !important; margin: 0 auto 20px 8px !important; background-color: #00715B !important; }

input { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }


/* Social sharing buttons
-----------------------------------------------------------------------------*/
.ss-share {
  padding-left: 0;
  list-style: none; width: 376px; margin: 0 auto; }

.ss-share-item {
  display: inline;
  margin-right: 4px; }

.ss-share-link {
  /* crude button styles */
  text-decoration: none;
  color: #444;
  font-weight: 200;
  padding: .2em .65em .2em 35px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 35px; }
  .ss-share-link:hover, .ss-share-link:active, .ss-share-link:focus {
    color: #777; }

[class*="ico-"] {
  display: inline-block;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 10px center; }

.ico-facebook {
  background-image: url("http://www.facebook.com/favicon.ico"); }

.ico-twitter {
  background-image: url("http://twitter.com/favicons/favicon.ico"); }

.ico-google {
  background-image: url("https://ssl.gstatic.com/s2/oz/images/faviconr2.ico"); }
  
.ico-soundcloud {
  background-image: url("https://a-v2.sndcdn.com/assets/images/sc-icons/favicon-154f6af5.ico"); }