@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html,
body {
font-family: 'Open Sans', sans-serif;
}

body { width: 100vw; overflow-x: hidden; }

h1, h2, .navbar-brand {
  text-transform : uppercase;
}

legend, label {
display:none;
}

.comText, .comEmail, .comTextarea, .comSubmit{
width: 100%;
margin-top: 5px;
padding: 5px;
}

#about img {
width:100%;
height: auto;
}

#team img {
width:260px;
height:auto; 
border: 20px solid white;
}

img.map {
  -ms-transform: rotate(-10deg); /* IE 9 */
  transform: rotate(-10deg);
}

img.img-responsive {
width: 100%;
}

.navbar {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.carousel-item {
  height: 100vh;
  min-height: 300px;
  width:100%;
  background-color: #0d1430;
  color: white;
  box-shadow: 0 0 250px rgba(0,0,0,0.57) inset;
}

.centered {
  position:absolute;
  top: 30%;
  left: 25%;
  right: 25%;
  z-index: 3;
  text-align:center;
  }

  .centered img {
    width: 100%;
    height:auto;
  }

  a.down_btn {
  position: absolute;
z-index: 1;
left: 50%;
bottom: 10px;
margin-left: -32px;
display: block;
width: 51px;
height: 61px;
background: url(images/33.png) no-repeat;

.btn {
        display:inline-block;
	margin:4px 0 20px;
	padding:11px 21px;
	text-transform:uppercase;
	line-height:20px;
	font-size:14px;
        cursor:pointer;
        border: 0;
        transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.btn .btn-primary {
color:#f5f5f5;
background:#0d1430;
}

.btn .btn-primary:hover {
	background:#505050;
	color:#fff;
}

/*video */

.video-container {
  overflow: hidden;
  position: relative;
  width:100%;
}

.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

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



  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
  
    .slide-1 {
      background-size: 300%;
    }
 
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    .slide-1 {
      background-size: 250%;
    }

} 

/* Large devices (laptops/desktops, 992px and down) */
@media only screen and (min-width: 992px) {
   

    .slide-1 {
      background-size: 200%;
    }



}