@charset "utf-8";
/* CSS Document */

body,html,.container{margin:0 !important;}
	
	body{
		font-family: 'Montserrat'!important ;
		background-color:#fff !important;
		
		
	
	}
	
	h2{
		font-family: 'Shadows Into Light'!important ;
	font-size:50px!important;
	}

h4{
	font-family: 'Shadows Into Light'!important ;
	font-size:20px;
}
	
	.container{
		max-width:100% !important;
		height:100vh !important;
		position:relative !important;
		background-image:url("../images/bkgrnd.jpg");
		background-size:cover;
		background-position:fixed;
		background-repeat:no-repeat;
		color:#fff !important;
		padding-left:0px !important;
		padding-right:0px !important;
		
		
	}
	
	.side{
		width:70%;
		height:90vh;
		position:relative;
		float:left;
		background-image:url("../images/side-bkgrnd.png");
		color:#333;
		overflow-x:auto;
	
	}
	
	.side h2{margin:20px;}
	
	.side p{margin:20px;}
	
	.side section{
		width:90%;
		min-height:300px;
		position:relative;
		margin:20px auto;
		box-sizing:border-box;
		padding:10px;
		border-bottom:thin dotted #fff;
	}
	

	
	.side iframe{width:100%;}
	
	.side-scroll{
		width:20%;
		text-align:center;
		position:fixed;
		z-index:1;
		left:0px;
		top:0px;
		background-color:#333;
		color:#fff;
		box-sizing:border-box;
		padding:10px;
		font-family: 'Shadows Into Light'!important ;
		font-size:20px;
-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;

	}
	
	.side-button{
		width:100%;
		margin:0 auto !important;
		position:relative;
		box-sizing:border-box;
		padding:10px;
		text-align:center;
	}
	
	.btn{margin:5px !important;}
	
	/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
	
		.info-container{
		width:30%;
		height:100vh;
		position:relative;
		float:right;
		
	
	}	
	
	.info{
		height:400px;
		position:relative;
		margin:40px auto;
		color:#333;
		text-align:center;
		
	}
	
	
	
	.jumbotron{
		background-color:transparent!important;
		margin-bottom:0 !important;
		padding:inherit !important;
	
	}
	
	.jumbotron p{font-size:large!important;}
	
	.fa{
		
		font-size:30px !important;
	
	}
	
	.fa-btn{padding:20px !important;}
	
	.social{
		text-align:center;
	width:100%;
	}
	
	.footer{
		width:100%!important;
	height:10vh!important;
	box-sizing:border-box!important;
	padding:20px!important;
	background-color:#333!important;
	color:#fff!important;
	position:absolute!important;
	bottom:0!important;
	text-align:center!important;
	
	}
	
	.btn{font-weight:bolder !important;}
	
	.footer a,.social a{
			text-decoration:none!important;
			color:#333!important;
		}
	
	@media (max-width: 800px) {
		.info{
			height:auto;
			margin:0px;
			
			
		}
		
		
		
		.info-container{
			width:100%;
			height:230px;
			float:none;
			clear:both;
			position:fixed;
			z-index:1;
			background-image:url("../images/bkgrnd.jpg");
			background-size:cover;
			background-repeat:no-repeat;
			top:0;
		
			
			
		}
		
		.info img{
			width:35%;
			height:auto;
			position:relative;
			margin:0 auto;
			
		}
		
		.info h3,.side-scroll{
			display:none;
		}
		
		
		
		.side{
			width:100%;
			height:auto;
			float:none;
			margin:230px 0px 40px 0px;
			
			
		}
		
		.jumbotron{
			width:100%;
			clear:both;
		}
		
		.social{
			width:100%;
			clear:both;
			
		}
		
		.container{
			height:auto !important;
			background-image:none !important;
		}
		
		html{
			margin:auto!important;
			height:auto!important;
		}
		
		.footer{bottom:inherit!important;}
		

		
	}