/* CSS Document */

@font-face {
  font-family: Font1;
  src: url("/fonts/Montserrat-Light.ttf");
}
	
@font-face {
  font-family: Font2;
  src: url("/fonts/Montserrat-Regular.ttf");
}
	
@font-face {
  font-family: Font3;
  src: url("/fonts/Montserrat-Medium.ttf");
}	
	
@font-face {
  font-family: Font4;
  src: url("/fonts/Montserrat-Black.ttf");
}
	
@font-face {
  font-family: Font5;
  src: url("/fonts/Milkstore03-Clean.ttf");
}


html,body {
    width:100vw;
    height: 100vh;
    margin: 0;
}

	body{
		background: url('/img/background1.png');
		background-attachment: fixed;
		background-position: center;
  		background-repeat: no-repeat;
		background-size: cover;
	}

#myVideo {
  position: fixed;
	z-index: -1;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
	
	.content {
  
  background: rgba(0, 0, 0, 0.0);
  color: #f1f1f1;
  width: 100%;
  padding: 10px;
}

.logo{
	width: 99%;
}

.btn{
	background-color: #4da9e9;
	padding: 10px;
	font-family: Font2;
	font-size: 14px;
	color: #FFFFFF;
}

.btn:hover {
  background-color: #4da9e9;
  color: #333333;
}

.login_button{
	padding-right: 25px;
}

.callout_bg{
	background-image:url("/img/callout_bg.png");
	background-color: #253744;
	background-attachment: fixed;
  	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
	position: relative;
	padding-top: 75px;
	padding-bottom: 75px;
	padding-left: 25px;
	height: 500px;
	}

.separator {
	background-color: #1b2024;
	background-repeat: no-repeat;
	background-size: cover;
    border-color: #CCCCCC;
	border-bottom-width: thick;
	height: 2px;
	padding-bottom: 2px;
}

.separator2 {
	background-color: #1b2024;
	background-repeat: no-repeat;
	background-size: cover;
    border-color: #CCCCCC;
	border-bottom-width: thick;
	height: 2px;
	padding-top: 2px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
}

.main_menu{
	background-image: linear-gradient(to right, #FFF , #FFF, #FFF);
	position: relative;
	width: 100%;
	color: #000;
	z-index: 1;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-style: solid;
	border-bottom-color: #1b2024;
	border-bottom-width: 2px;
	
}

.menu{
	display: block;
	padding-right: 10px;
	
}

.menu_btns{
	display: inline-block;
	padding-right: 3px;
}

.menu_btns2{
	display: inline-block;
	padding-right: 0px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%
	  
}

@media screen and (min-width: 768px) {
	
	.logo{
		width: 500px;
	}
	
	.menu_btns{
	display: inline-block;
	padding-right: 10px;
}
}






@media screen and (min-width: 1000px) {
	
	.logo{
		width: 800px;
	}
}