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

html{font-family:helvetica;

overflow:scroll;
background-color:white;}




@media screen and (max-width:479px) and (max-width:767px) {

		figure#mobile {
			width: 375px;
			height:627px;
			margin:2vh auto 0 auto;

		}

		h1 {
			color:white;
			padding-top:80%;
		}

		h2,h3,h4,h5,h6 {
			display:none;
		}


			header{

	height:5vh;
	width:100vw;
	padding-bottom:100px;
	padding-top:0
	margin-top:0;
	
	background-color:#AEDC82;

	
	

}


ul {
	background-color:#AEDC82;
	padding-bottom:2vh;
}

nav{
	padding:12px 0 13px 0;
    margin:0;
	position:fixed;
	text-align: center;
	width:100vw;
	display:inline-block;
	
	word-spacing: 45px;
	padding: 10px 0;
	color:#1A3958;
	background-color:#AEDC82;



}


li {
	
	font-family:"helvetica",sans-serif;
	 
	
	font-size: 1em;
	list-style:none;

	display:inline;
	text-align:center;
	margin:0,0,50%,50%;
	
	
	word-spacing: 85px;
	width:70%;
	background-color:#AEDC82;

	
}




.logoline{
	width:100vw;
	height:9vh;
	background-color:#1A3958;
}
.logobar {
	width:19vw;
	height:9vh;
	background-color:#1A3958;

	
}


	
.about {
	width:100vw;
	margin:0 auto;
}



body {


	
	overflow:scroll;

	background:white;
	;

	
}




p {

	font-size:1.5em;
	font-style:bold;
	color:#1A3958;
	text-align:center;
	margin:0 0 0 auto;
}










footer{
	
	width:100vw;
	height:20vh;
	background:#95D554;
	padding:60px,0px;
	
	bottom:0;
	overflow:scroll;




}


.fa {
    padding: 20px;
    font-size: 50px;
   
    text-align: center;
    text-decoration: none; 
    border-radius:50%;
    width:2%;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
    border-radius:50%;
    width:2%;
}

.fa-facebook {
    background: #3B5998;
    color: white;
    border-radius:50%;
    width:2%;
}

.about{
	width:200px;
	margin:0 0 0 50;
}

		}  







@media screen and (max-width:768px) and (max-width:1365px) {

	figure#tablet {
			width: 768px;
			height:1024px;
			margin:2vh auto 0 auto;

		}

		h4 {
			color:white;
			padding-top:60%;
		}

		h1,h2,h3,h5,h6 {
			display:none;
		}

	header{

	height:5vh;
	width:100vw;
	padding-bottom:100px;
	padding-top:0
	margin-top:0;
	
	background-color:#AEDC82;

	
	

}


ul {
	background-color:#AEDC82;
	padding-bottom:2vh;
}

nav{
	padding:12px 0 13px 0;
    margin:0;
	position:fixed;
	text-align: center;
	width:100vw;
	display:inline-block;
	
	word-spacing: 45px;
	padding: 10px 0;
	color:#1A3958;
	background-color:#AEDC82;



}


li {
	
	font-family:"helvetica",sans-serif;
	 
	
	font-size: 1em;
	list-style:none;

	display:inline;
	text-align:center;
	margin:0,0,50%,50%;
	
	
	word-spacing: 85px;
	width:70%;
	background-color:#AEDC82;

	
}




.logoline{
	width:100vw;
	height:9vh;
	background-color:#1A3958;
}
.logobar {
	width:19vw;
	height:9vh;
	background-color:#1A3958;

	
}


	
.about{
	width:100vw;
	margin:0 0 0 50;
}



body {


	
	overflow:scroll;

	background:white;
	

	
}




p {

	font-size:1.5em;
	font-style:bold;
	color:#1A3958;
	text-align:center;
	margin:0 0 0 auto;
}










footer{
	
	width:100vw;
	height:20vh;
	background:#95D554;
	padding:60px,0px;
	
	bottom:0;
	overflow:scroll;




}


.fa {
    padding: 20px;
    font-size: 50px;
   
    text-align: center;
    text-decoration: none; 
    border-radius:50%;
    width:2%;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
    border-radius:50%;
    width:2%;
}

.fa-facebook {
    background: #3B5998;
    color: white;
    border-radius:50%;
    width:2%;
}

.about{
	width:200px;
	margin:0 0 0 50;
}





	}
	







@media screen and (max-width:1366px) and (max-width:1919px) {

	figure#laptop {
			width: 1366px;
			height:768px;
			margin:2vh auto 0 auto;
			overflow:scroll;

		}

		h5 {
			color:white;
			padding-top:25%;
		}

		h1,h2,h3,h4,h6 {
			display:none;
		}




header{

	height:5vh;
	width:100vw;
	padding-bottom:100px;
	padding-top:0
	margin-top:0;
	
	background-color:#AEDC82;

	
	

}


ul {
	background-color:#AEDC82;
	padding-bottom:2vh;
}

nav{
	padding:12px 0 13px 0;
    margin:0;
	position:fixed;
	text-align: center;
	width:100vw;
	display:inline-block;
	
	word-spacing: 45px;
	padding: 10px 0;
	color:#1A3958;
	background-color:#AEDC82;



}


li {
	
	font-family:"helvetica",sans-serif;
	 
	
	font-size: 1em;
	list-style:none;

	display:inline;
	text-align:center;
	margin:0,0,50%,50%;
	
	
	word-spacing: 85px;
	width:70%;
	background-color:#AEDC82;

	
}




.logoline{
	width:100vw;
	height:9vh;
	background-color:#1A3958;
}
.logobar {
	width:19vw;
	height:9vh;
	background-color:#1A3958;

	
}


	
.about{
	width:100vw;
	margin:0 0 0 50;
}



body {


	
	overflow:scroll;

	background:white;
	

	
}




p {

	font-size:1.5em;
	font-style:bold;
	color:#1A3958;
	text-align:center;
	margin:0 0 0 auto;
}










footer{
	
	width:100vw;
	height:20vh;
	background:#95D554;
	padding:60px,0px;
	
	bottom:0;
	overflow:scroll;




}


.fa {
    padding: 20px;
    font-size: 50px;
   
    text-align: center;
    text-decoration: none; 
    border-radius:50%;
    width:2%;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
    border-radius:50%;
    width:2%;
}

.fa-facebook {
    background: #3B5998;
    color: white;
    border-radius:50%;
    width:2%;
}

.about{
	width:100vw;
	margin:0 0 0 50;
}




	
/* End of Laptop size -- dont erase this bracket --->>  */ }





@media screen and (max-width:1920px) and (max-width:3000px) {

	figure#desktop {
			width: 1920px;
			height:768px;
			margin:2vh auto 0 auto;
			overflow:scroll;

		}

		h5 {
			color:white;
			padding-top:25%;
		}

		h1,h2,h3,h4,h6 {
			display:none;
		}




header{

	height:5vh;
	width:100vw;
	padding-bottom:100px;
	padding-top:0
	margin-top:0;
	
	background-color:#AEDC82;

	
	

}


ul {
	background-color:#AEDC82;
	padding-bottom:2vh;
}

nav{
	padding:12px 0 13px 0;
    margin:0;
	position:fixed;
	text-align: center;
	width:100vw;
	display:inline-block;
	
	word-spacing: 45px;
	padding: 10px 0;
	color:#1A3958;
	background-color:#AEDC82;



}


li {
	
	font-family:"helvetica",sans-serif;
	 
	
	font-size: 1em;
	list-style:none;

	display:inline;
	text-align:center;
	margin:0,0,50%,50%;
	
	
	word-spacing: 85px;
	width:70%;
	background-color:#AEDC82;

	
}




.logoline{
	width:100vw;
	height:9vh;
	background-color:#1A3958;
}
.logobar {
	width:19vw;
	height:9vh;
	background-color:#1A3958;

	
}


	
.about{
	width:100vw;
	margin:0 0 0 50;
}



body {


	
	overflow:scroll;

	background:white;
	

	
}




p {

	font-size:1.5em;
	font-style:bold;
	color:#1A3958;
	text-align:center;
	margin:0 0 0 auto;
}










footer{
	
	width:100vw;
	height:20vh;
	background:#95D554;
	padding:60px,0px;
	
	bottom:0;
	overflow:scroll;




}


.fa {
    padding: 20px;
    font-size: 50px;
   
    text-align: center;
    text-decoration: none; 
    border-radius:50%;
    width:2%;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
    border-radius:50%;
    width:2%;
}

.fa-facebook {
    background: #3B5998;
    color: white;
    border-radius:50%;
    width:2%;
}

.about{
	width:100vw;
	margin:0 0 0 50;
}


	
/*  -- dont erase this bracket --->>  */ }
}



/* Colors Used on Ike's Website Listed Below */ 


.ikesdarkblue{
	background-color:#1A3958;

}

.ikeslightblue {
			background-color:#3C6AA3;
}


.ikeslightgreen {
			background-color:#AEDC82;
}


.ikesgreen {
			background-color:#95D554;
}

.ikeswhite {
			background-color:#F1F1F3;
}