* {
  margin:0px;
  padding:0px;
}

body {
  color:white;
  /*font-family: 'Great Vibes', cursive;*/
  /*font-family: 'Satisfy', cursive;*/
  font-family: 'Raleway', sans-serif;
  background: #070909;
}

.show-menu {
	text-decoration: none;
	color: #fff;
	background: #58585a;
	text-align: center;
	padding: 10px 0;
	display: none;
	width:100%;
	margin-bottom:1px;
}

input[type=checkbox]{
  display: none;
  -webkit-appearance: none;
}

p, h1, h2, h3 {
  margin-bottom: 20px;
}


a {
  color: white;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

@media (min-width: 1100px) {

  .container {
    width: 1100px;
    margin:0 auto;
  }

  #header {
    height:80px;
    padding-top: 20px;
  }

  #logo {
    width:200px;
    float: left;
    height: 80px;
  }

  #nav {
    float: left;
    width:700px;
    text-align: center;
    height: 60px;
    padding-top: 20px;
  }

  #social {
    float: right;
    width:200px;
    text-align: right;
    color: white;
    padding-top: 20px;
    height: 60px;
    font-size: 18pt;
  }

  #header a {
    color: #ff0401;
    text-decoration: none;
    padding:0px 10px;
  }

  #header a:hover {
    color: white;
  }

  #slide {
    background-image: url('../images/slider.jpg');
    background-size: cover;
    background-position: top center;
    color: white;
    padding-top: 120px;
  }

  #slide h1 {
    color: #ff0401;
    font-size: 86pt;
    text-align: center;
    margin-bottom: 0px;
    font-family: 'Great Vibes', cursive;
  }

  #slide h2 {
    font-family: 'Raleway';
    color: #cccccc;
    text-transform: uppercase;
    font-size: 13pt;
    margin-top: -30px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 70px;
  }

  #slide h3 {
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18pt;
    margin-bottom: 10px;
    text-align: center;
  }

  #slide h4 {
    color: #ff0401;
    font-family: 'Satisfy', cursive
    font-size 13pt;
    text-align: center;
  }


  .location-container {
    width:760px;
    margin:40px auto 0px;
  }

  .location {
    width:233px;
    float: left;
    margin:10px;
    text-align: center;
    color: white;
    font-size: 10pt;
  }

  .location img {
    display: block;
    margin-bottom: 20px;
    width:100%;
    height: auto;
  }

  .location-title {
    display: block;
    margin-bottom: 10px;
    font-size: 12pt;
    font-weight: 600;
    text-transform: uppercase;
  }

  #footer {
    background: #181818;
    color: white;
    padding:60px 0px;=
  }

  .footer-col {
    width:33%;
    float: left;
    text-align: center;
  }

  .footer-col h3 {
    text-transform: uppercase;
    font-size: 14pt;
    margin-bottom: 20px;
  }

  .footer-col p {
    color: #cccccc;
    font-size: 10pt;
  }

  #sub-footer {
    border-top:solid 1px #adadad;
    padding:20px 0px;
    color: #b2b2b2;
    font-size: 10pt;
    text-align: center;
  }

  #sub-footer a, #footer a {
    color: white;
    text-decoration: none;
  }

  #sub-footer a:hover, #footer a:hover {
    color: #b2b2b2;
  }


}



@media screen and (max-width : 1099px){
  
  .container {
    width:100%;
  }

  #header {
    /*height:80px;*/
    padding-top: 20px;
  }

  #logo {
    margin-bottom: 20px;
  }

  #logo img {
    display: block;
    margin:0 auto;
  }

  #nav {
    text-align: center;
    margin-bottom: 20px;
  }

  #social {
    text-align: center;
    font-size: 18pt;
    padding-bottom: 20px;
  }

  #header a {
    color: #cdaa7c;
    text-decoration: none;
    padding:0px 10px;
  }

  #header a:hover {
    color: white;
  }

  #slide {
    /*height: 744px;*/
    background-image: url('../images/slider.jpg');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    color: white;
    padding-top:60px;
  }

  #slide h1 {
    color: #ff0401;
    font-size: 42pt;
    text-align: center;
    margin-bottom: 0px;
    font-family: 'Great Vibes', cursive;
  }

  #slide h2 {
    font-family: 'Raleway';
    color: #cccccc;
    text-transform: uppercase;
    font-size: 6pt;
    margin-top: -13px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 70px;
  }

  #slide h3 {
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18pt;
    margin-bottom: 10px;
    text-align: center;
  }

  #slide h4 {
    color: #ff0401;
    font-family: 'Satisfy', cursive
    font-size 13pt;
    text-align: center;
  }


  .location-container {
    margin:40px auto 0px;
    width:90%;
    padding-bottom:20px;
  }

  .location {
    width:233px;
    margin:20px auto;
    text-align: center;
    color: white;
    font-size: 10pt;
  }

  .location img {
    display: block;
    margin-bottom: 20px;
    width:100%;
    height: auto;
  }

  .location-title {
    display: block;
    margin-bottom: 10px;
    font-size: 12pt;
    font-weight: 600;
    text-transform: uppercase;
  }

  #footer {
    background: #181818;
    color: white;
    padding:60px 0px;=
  }

  .footer-col {
    text-align: center;
    width:80%;
    margin:0px auto 10px;
  }

  .footer-col h3 {
    text-transform: uppercase;
    font-size: 14pt;
    margin-bottom: 20px;
  }

  .footer-col p {
    color: #cccccc;
    font-size: 10pt;
  }

  #sub-footer {
    border-top:solid 1px #adadad;
    padding:20px 0px;
    color: #b2b2b2;
    font-size: 10pt;
    text-align: center;
  }

  #sub-footer a, #footer a {
    color: white;
    text-decoration: none;
  }

  #sub-footer a:hover, #footer a:hover {
    color: #b2b2b2;
  }
}