/* Own classes
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
  background: #000 url('../images/bg-large.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
body {
  background: #000 url('../images/bg-medium.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
}

@media screen and (max-width: 400px) {
body {
  background: #000 url('../images/bg-small.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
}

body {
  text-align: center;
  color: #fff;
}

.box {
  text-align: center;
  margin-top:5rem;
}

.header {
  text-align: center;
}

.container {
  background: url('../images/bg-transparent-black.png');
  padding-top:1rem;
  padding-bottom:1rem;
  padding-left:2rem;
  padding-right:2rem;
}

.row {
  margin-bottom:2rem;
}

.question {
  font-weight: 700;
  line-height:3rem;
}

ul .faq {
  font-weight: 700; 
}

ul li {
  list-style-type: upper-roman;
}

h1 {
  font-size: 3rem !important;
}

h2 {
  font-size: 3rem !important;
}

h3 {
  font-size: 2rem !important;
  margin-top:5rem !important;
  margin-bottom:2rem !important;
}


h4 {
  text-align: center;
}


.hours {
  font-style: italic;
  text-align:center;
}

.gallery {
  padding-left:0;
  padding-right:0;
}

.no-margin{
  margin-bottom:0;  
}

@media (max-width: 550px) {
  .hide-on-mobile {display:none;}
  .show-on-mobile {display:inline;}
  .gallery {display:none;}
}

@media (min-width: 550px) {
  .hide-on-mobile {display:inline;}
  .show-on-mobile {display:none;}
}

p {
  text-align: center;
  margin-bottom:0.5em;
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}


div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 15s slidy infinite; 
}

a {
  color: #fff;
}

a:hover {
  color: #fff !important;
}