html{
	height:100%;
	background-color: #062674;
	
}

/*Responsive*/

/*4K screen*/
@media (max-width: 2560px){
	
	::-webkit-scrollbar {
		display: none;
	}

	body{
		max-width: 90%;
		margin-top: 150px;
		margin-left: 0px;
		height: 100%;
		overflow: hidden;

	}

	.menu-con{
		height: 75px;
		width: 100%;
		position: relative;
		display: block;
		margin-top: 5%;
		background-color: white;
	}

	a{
		font-size: 28pt;
		display: inline-block;
		text-decoration: none;
		width: 30%;
		height: 50px;
		margin-left: 37px;
		margin-top: 14px;
		color: #062674;
		text-align: center;
		font-family: 'Lato', sans-serif;

	}

	a:hover{
	font-weight: 500;
	color: red;
	}

	.title-con{
		display: inline-block;
		float: left;
		width: 100%;
		padding-bottom: 125px;
	}

	.text-con{
		display: block;
		width: 100%;
		font-size: 22pt;
		line-height: 29pt;
		letter-spacing: 1px;
		color: white;
		text-align: left;
		font-family: 'Lato', sans-serif;
}

	}

	.bounds{
		margin-left: 5%;
		height: 65%;
		margin-top: 4%;
		margin-right: 15%;
		overflow: auto;
		text-align: center;

	
	}

	img{
		width: 30%;
		height: auto;
		padding-right: 10px;
		float: left;
	}

	h1{
		font-family: 'Oswald', sans-serif;
		color: red;
		letter-spacing: 0.01em;
		margin: auto 0;
		display: inline-block;
		font-size: 225pt;
		margin-top: 120px;
		float: left;

	}

	h2{
		font-size: 60pt;
		font-family: 'Oswald', sans-serif;
		color: white;
		letter-spacing: 0.02em;
		margin: auto 0;
		float: left;
	}


/*Laptop 1440px*/
@media (max-width: 1440px){

body{
	max-width: 1200px;  /* for not; tabs in javaScript */
	margin-top: 100px;
}

.bounds{
	/*Bounding Area*/
	margin-top: 2%;
	margin-left: 5%;
	margin-bottom: 50px;

}

.menu-con{
	margin-top: 5%;
	height: 50px;

}

a{
	width: 28%;
	font-size: 14pt;

}


.text-con{
	/*TYPE*/
	font-size: 14pt;
	letter-spacing: 0.5px;
	line-height: 18pt;

}

/*Gets rid of scroll bar element, but still can scroll*/
::-webkit-scrollbar {
display: none;
}

img{
	width: 30%;
}

h1{
	font-size: 152pt;
	letter-spacing: 0.5px;
	margin-top: 25px;
}

h2{
	font-size: 40pt;
	letter-spacing: 0.5px;
	margin: auto 0;
/*	display: inline-block;*/
}

}


/*Laptop 1024px*/
@media (max-width: 1024px){
	
	body{
		max-width: 900px;
	}

	.menu-con{
		height: 40px;
		margin-top: 10px;
	}

	a{
		font-size: 12pt;

	}

	h1{
		font-size: 110pt;
	}

	h2{
		font-size: 30pt;
	}

	.title-con{
		padding-bottom: 60px;
	}

	.text-con{
		font-size: 12pt;
		line-height: 16pt;
	}
}

@media (max-width: 768px){

	body{
		max-width: 550px;
	}

	.bounds{
		margin-left: 10%;
		margin-right: 10%;
	}

	.menu-con{
		height: 30px;
	}

	a{
		font-size: 9pt;
		width: 25%;
		height: 30px;
		margin-top: 8px;

	}

	.title-con{
		float: none;
		padding-top: 0px;
	}

	img{
		width: 40%;
		float: none;

	}

	h1{
		font-size: 65pt;
		margin-top: 0px;
	}

	h2{
		font-size: 18pt;
		margin-top: 40px;
		float: right;
		width: 150px;
	}

	.text-con{
		font-size: 12pt;
		line-height: 16pt;
		text-align: center;
	}
}
}