* { padding:0; margin:0; }
::-moz-selection { background:#00ADD8; }
::selection { background:#00ADD8; }

html, body {
font-family: 'Montserrat', sans-serif;
font-weight:300;
font-size:18px;
color:#000;
padding:0;
margin:0;
-moz-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}

body { background-image: url("images/bg.jpg"); background-size: cover; background-position: top center; }

#home_banner {
display:block;
float:left;
width: 100vw;
height: 90vh;
object-fit: cover;
object-position: top center;
margin:0;
padding:0;
}

#subpage_banner {
display:block;
float:left;
width: 100vw;
height: 70vh;
min-height: 350px;
margin:0;
padding:0;
}

.homepage_selects {
display:inline-block;
float:left;
width:50%;
height: 350px;
margin:0;
padding:0;
}

.homefilmpage { background-image: url("images/bg-homefilm.jpg"); background-size: cover; background-position:top center; display: inline-block; text-align: center; }

.hometheaterpage { background-image: url("images/bg-hometheater.jpg"); background-size: cover; background-position:center center; display: inline-block; text-align: center; }

.homepage_selects h2 { 
  display: inline-block; 
  text-align: center; 
  font-size: 32px; 
  padding: 20px 35px; 
  margin-top: 15vh; 
  color: #FFF; 
  z-index: 9999; 
  border-top-left-radius: 255px 15px;
      border-top-right-radius: 15px 225px;
      border-bottom-right-radius: 225px 15px;
      border-bottom-left-radius:15px 255px;
      border:4px solid #FFF;
  background-image: linear-gradient(#FFF,#FFF);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: .4s;
}

.homepage_selects h2:hover {
  background-size: 100% 100%;
  color:#4DA1DD;
  cursor: pointer;
}


.filmpage { background-image: url("images/bg-film.jpg"); background-size: cover; background-position:top center; display: inline-block; text-align: center; }

.theaterpage { background-image: url("images/bg-theater.jpg"); background-size: cover; background-position:center center; display: inline-block; text-align: center; }

h1 { display: inline-block; 
  text-align: center; 
  font-size: 40px; 
  padding: 30px; 
  margin-top:25vh; 
  color: #FFF; 
  z-index: 9999; 
  border-top-left-radius: 255px 15px;
      border-top-right-radius: 15px 225px;
      border-bottom-right-radius: 225px 15px;
      border-bottom-left-radius:15px 255px;
      border:7px solid #FFF;
}


.wrapper { float:left; width:100%; padding:40px 0 0 0; margin:0 auto; }
.container { float:none; max-width:1000px; width:90%; padding:0 5%; margin:0 auto; }
.content { float:left; width:100%; max-width:1000px; margin:0 auto; }