@import 'https://fonts.googleapis.com/css?family=Black+Ops+One|Rock+Salt|Baloo|Oswald|Coustard';

body {
 min-width: 906px;
 background-attachment: fixed;
 background-image: url("background.jpg");
 background-position: center top;
 background-repeat: no-repeat;
 background-size: auto;
 background-color: black;
}

.cover {
 height: 150px;
 width: 100%;
 position: fixed;
 left: 0px;
 top: 0px;
 z-index: 1;
 background-attachment: fixed;
 background-image: url("cover.jpg");
 background-position: center top;
 background-repeat: no-repeat;
 background-size: auto;
 background-color: black;
}

@media (min-device-height: 865px), (min-device-width: 1367px) {
 body {
  background-attachment: fixed;
  background-image: url("background_.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: black;
 }
 .cover {
  height: 150px;
  width: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-attachment: fixed;
  background-image: url("cover_.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: black;
 }
}

.headertop {
 height: 45px;
 width: 500px;
 position: fixed;
 left: 10px;
 top: 10px;
 z-index: 1;
 font-size: 45px;
 color: rgb(24,163,163);
 font-family: 'Black Ops One', cursive;
}

.headerbottom {
 height: 20px;
 width: 500px;
 position: fixed;
 left: 25px;
 top: 50px;
 z-index: 1;
 font-size: 20px;
 color: white;
 font-family: 'Rock Salt', cursive;
}

.menu {
 height: 32px;
 width: 1000px;
 position: fixed;
 left: 25px;
 top: 100px;
 z-index: 1;
 font-size: 0px;
}

.link {
 height: 32px;
 width: 200px;
 display: inline-block;
 background-color: black;
 text-indent: 10px;
 line-height: 32px;
 font-size: 20px;
 color: white;
 font-family: 'Baloo', cursive;
}

.link:hover {
 border-radius: 5px;
 background-image: url("hover.jpg");
 cursor: pointer;
}

@media (max-device-width: 800px) {
 .link {
  height: 32px;
  width: 150px;
  display: inline-block;
  background-color: black;
  text-indent: 10px;
  line-height: 32px;
  font-size: 20px;
  color: white;
  font-family: 'Baloo', cursive;
 }
}

.sidebar {
 height: 380px;
 width: 240px;
 border-left: 5px solid rgb(1,14,87);
 border-top: 5px solid rgb(1,14,87);
 border-bottom: 5px solid rgb(1,14,87);
 border-radius: 25px 0px 0px 25px;
 position: fixed;
 right: 0px;
 top: 175px;
 z-index: 2;
}

.sidebar_min {
 height: 20px;
 width: 20px;
 border-radius: 15px 0px 0px 0px;
 position: absolute;
 left: 1px;
 top: 1px;
 background-image: url("sidebar_min.png");
 background-size: cover;
}

.sidebar_min:hover {
 cursor: pointer;
}

.news {
 height: 200px;
 width: 180px;
 margin-left: 10px;
 margin-top: 15px;
}

.news_hdr {
 position: absolute;
 left: 25px;
 font-size: 32px;
 color: rgb(24,163,163);
 font-family: 'Baloo', cursive;
}

.news_txt {
 height: 80px;
 width: 184px;
 position: absolute;
 left: 27px;
 top: 64px;
 font-size: 16px;
 color: white;
 font-family: 'Baloo', cursive;
 overflow-y: auto;
}

.social {
 position: absolute;
 left: 22px;
 bottom: 10px;
}

.youtube {
 height: 45px;
 width: 64px;
 display: inline-block;
 margin: 5px;
 background-image: url("ytube.png");
 background-size: cover;
}

.youtube:hover {
 opacity: 0.75;
 cursor: pointer;
}

.instagram {
 height: 45px;
 width: 45px;
 display: inline-block;
 border-radius: 10px;
 margin: 5px;
 background-image: url("instagram.jpg");
 background-size: cover;
}

.instagram:hover {
 opacity: 0.75;
 cursor: pointer;
}

.facebook {
 height: 45px;
 width: 45px;
 display: inline-block;
 margin: 5px;
 background-image: url("fb.png");
 background-size: cover;
}

.facebook:hover {
 opacity: 0.75;
 cursor: pointer;
}

.content {
 width: 850px;
 position: relative;
 left: 5px;
 top: 150px;
 background-color: rgb(255,255,255);
 background-color: rgba(255,255,255,0.85);
 padding: 10px;
 word-wrap: break-word;
}

.heading {
 padding-bottom: 10px;
 font-size: 22px;
 color: rgb(1,14,87);
 font-family: 'Oswald', sans-serif;
}

p {
 margin: 0px;
 font-size: 14px;
 color: black;
 font-family: 'Coustard', serif;
}

.email {
 height: 20px;
 width: 500px;
 border: 1px solid black;
 margin-bottom: 10px;
 font-size: 14px;	
}

.message {
 height: 175px;
 width: 500px;
 resize: none;
 border: 1px solid black;
 font-size: 14px;	
}

.submit {
 height: 25px;
 width: 100px;
 border: none;
 border-radius: 5px;
 margin-top: 10px;
 background-color: rgb(1,14,87);
 font-size: 14px;
 color: white;
 font-family: 'Oswald', sans-serif;
}

.submit:hover {
 cursor: pointer;
}

a.more:link, a.more:visited, a.more:hover, a.more:active {
 position: relative;
 left: 800px;
 outline-style: none;
 text-decoration: none;
 font-size: 18px;
 color: rgb(24,163,163);
 font-family: 'Oswald', sans-serif;
}

.demos {
 height: 64px;
 width: 750px;
 margin-top: 12px;
 font-size: 0px;
}

.demo {
 height: 64px;
 width: 250px;
 display: inline-block;
}

audio {
 width: 200px;
 background-color: black;
 outline: none;
}