html {
  height: 100%;
}

body {
  background: #242629;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  margin: 0;
  height: 100%;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
  HEADER
*/

header {

  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
  color: white;
}

#logo {
  max-height: 50px;
}

.title_bar {
  background: #991313;
  padding: 5px;
  align-items: center;
  justify-content: space-between;
}

.title_bar_inner {
  align-items: center;
  width: 50%;
}

nav {
  text-align: right;
  display: flex;
}

.nav_link {
  margin: 0px 10px;
}

#title_text {
  margin: 0;
  font-size: 35px;
  text-align: center;
}

#social_bar {
  background: #6E0D0D;
  padding: 5px;
  align-items: center;
  justify-content: space-between;
}

.social_icon {
  max-height: 30px;
  float: right;
  padding-left: 5px;
}

#social_tag_line {
  margin: 0;
  font-size: inherit;
}

.subcount {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 2px;
}


/*
  MAIN BODY
*/

main {
  font-size: 15px;
  margin-top: 100px;
  color: #6a6c6e;
  font-weight: 100;
  background-color: white;
}

.parallax {
  /* The image used */
  /* background-image: url("../images/bg.jpg"); */
  background-color: white;
  height: 100%;
}

.parallax_inner_box {
  /* background: rgba(0,0,0,0.6); */
  height: 100%;
  padding: 10px 0px 10px 0px;
}

/*
  FOOTER
*/

footer {
  max-width: 100%;
  text-align: center;
  font-size: 14px;
  color: gray;
  padding: 15px;
}

.footer_inner {
}

footer p {
  margin: 0;
}

#mwave_text {
  margin-bottom: 10px;
  color: gray;
}

#mwave_img {
  width: 100%;
  max-width: 300px;
  height: auto;
}

.ad_container {
  padding: 10px;
  text-align: center;
  align-content: center;
  margin-top: 25px;
}

.ad_line {
  padding-bottom: 5px;
  color: white;
}

/*
  MISC ELEMENTS
*/

.show_on_mobile {
  display: none;
}

.hidden {
  display: none;
}

a {
  color: #6a6c6e;
  text-decoration: none;
}

a:hover {
  color: #991313;
}

.header_link {
  color: white;
}

.header_link:hover {
  color: lightgrey;
}

.linkDiv {
  color: #6E0D0D;
}

.flex_container {
  display: flex;
}

/*
  MOBILE MENU ICON
*/

.mobile_menu_toggle {
  display: flex;
}

.menu_button {
  background-color: #6E0D0D;
  border: none;
  color: white;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none;
}

/*

STYLING FOR MOBILE

*/

@media only screen and (max-width: 800px)  {
    
  /*  
    MISC ELEMENTS
  */
  .show_on_mobile {
    display: inline;
  }
  
  .hide_on_mobile {
    display: none;
  }
  
  /*
    HEADER
  */
  
  #social_bar {
    justify-content: center;  
  }
  
  .title_bar {
    flex-flow: wrap;
  }
  
  .nav_link {
    width: 100%;
    margin: 3px 0px;
  }
  
  nav {
    width: 100%;
    flex-flow: wrap;
    text-align: center;
    display: none;
    margin-bottom: 5px;
  }

  .social_icon {
    float: none;
    padding: 0px;
  }

  .subcount {
    margin: auto;
  }

  #social_links {
    text-align: center;
  }

  .social_imgs {
    display: inline-block;
  }
  
}