@font-face {
    font-family: TodaySH;
    src: url(TodaySH.otf);
}

body, html {
    height: 100%;
  background-color: #1b1b1c;
}

#background-container {
  height: 80%;
  //max-height: 580px;
  max-width:2500px;
  width: 100%;
  background-image:url(../img/bg.jpg);
  background-size:cover;
  //background-size:auto 100%;
  background-position:bottom center;
}

.logo img {
  width:220px;
  margin: 50px 0 0 30px;  
}

.margin-up {
  margin-top:-20px;   
  height: 50px;
}

.shows-store {
  margin-top: 20px;
  padding-left: 50px;
  height: 100%;
}

.shows-store a {
  font-size: 24px;
  font-family:TodaySH, Arial, Helvetica, sans-serif;
  color: #f04b35;
  text-transform:uppercase;
  margin-right: 30px; 
}

.shows-store a:hover {
  text-decoration: none;
  color: #8ec6ec;
}

.social-links{
  margin-top: 17px;
  height: 30px;
  padding-right: 50px;
}

.social-links img {
  margin-left: 10px;  
  height: 100%;

}

.social-links img { /* Universal settings */
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.social-links img:not(:hover) {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%);
}
.social-links img:hover {
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
}

.vis-small {
  display: none;
}

.vis-large {
  display: block;
}


@media only screen and (min-width: 768px) {
    /* tablets and desktop */
}

@media only screen and (max-width: 767px) {
    /* phones */
  #background-container {
    margin-top: 20px;
    height: 70%;
    background-position: center; 
}
  
  .logo img {
     max-width: 180px;
     margin: 0 auto 0 auto;  
   }
  
 .vis-large {
   display: none; 
 }
  
 .vis-small {
   margin-top: 20px;
   display: block; 
 }

 .social-links {
     text-align: center; 
     margin-top: 40px;
     padding: 0;
 }


}


