@import "hamburger.css?v=3";

html {
  background: url("../img/wallpaper.jpg") no-repeat center center fixed ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow-y: scroll !important;
}

body {
  background-color:transparent !important;
}

h1 {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 8vw;
  font-weight: 900;

  letter-spacing: .2rem;
  text-transform:uppercase;
  line-height:1;

}

h2 {

  font-family: 'Roboto Condensed', sans-serif;
  font-size: 4vh;
  font-weight: 900;

  letter-spacing: .2rem;
  text-transform:uppercase;
  margin-bottom:3rem;

}

#topbar {
  display:none;
  position:fixed;
  background: #000000;
  right:0;
  left:0;
  top:0;
  height:70px;
  z-index:101;
}

#topbar h2 {
  color:#ffffff;
  font-size:24px;
  margin-top:24px;
  margin-left:15px;
}

#alogo:focus,
#alogo:hover {
  text-decoration:none;
}

#alogo {
  color:#ffffff;
}

#content {
  z-index: 99;
  position: relative;
}

#menu {

  z-index: 99;
  display:none;
  text-align:center;


  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);


  font-family: 'Roboto Condensed', sans-serif;
  font-size: 5vh;
  font-weight: 900;
  letter-spacing: .2rem;
  text-transform:uppercase;
}

#menu a {
  color:#ffffff;
}

body.hamburger #topbar {
  display:none!important;
}
body.hamburger #menu {
  display:block;
}

body.hamburger #content {
  visibility:hidden;
}

.anchor {
  display: block;
  position: relative;
  visibility: hidden;
  top:-70px;
}

.row.img-grid {
  padding:5px;
}

.row.img-grid > *  {
   padding: 0 !important;
   margin: 0 !important;
}

.row.img-grid .img-fluid {
  padding:10px;
  height:auto;
}

.first_section_container{
  height:100vh;
  min-width:50%;
  margin:auto;
  margin-bottom:25vh;
}

#menu .first_section_container {
  margin-bottom:0;
}

.first_section{
  height: 100vh;
}

.first_section_content{
  height: 100vh;
  display: table;
  margin: 0 auto;
}

.first_section_content .hero{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color:#fff;
}

.container {
  margin-bottom:25vh;
  background-color:#ffffff;
  padding: 3rem;
}

.container:last-child {
  margin-bottom:2rem;
}

@media (max-width: 576px) {

  html {
    background: none;
  }

  body {
    margin-top:0;
  }

  .first_section{
    height: 100vh;
    margin-top: 0px;
  }

  .first_section_container {
    height: 100vh;
    background: url("../img/wallpaper.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-bottom: 0;
  }

  .first_section_content {
    height: 100vh;
  }

  .container {
    margin-bottom:0;
  }

  #menu {
    min-width:100%;
  }

}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }