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

html{font-family:helvetica;

overflow:scroll;}






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

		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{

	
	padding-bottom:10px;
	padding-top:0
	margin-top:0;

	
	

	
	

}


button{
	font-size:1.8em;
	padding:5px 5px 5px 5px;
	background-color:#1A3958;
	line-height:0;
	border-radius:20%;
	border-color:white;
	border:solid white 2px;
	margin:2px 10px 2px 85%;
	color:white;
	width:12vw;
	height:9%;
	float:right;
	overflow:hidden;
	
	position:absolute;


}

button:hover {
	color:#1A3958;

	background-color:#AEDC82;
	position:absolute;
	border-color: white; 
	border-style: solid 2px;
	float:right;
	
}

ul {
	
	padding-bottom:2vh;
	display:none;


	
}


}


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

	
	text-align:center;
	margin:0,0,50%,50%;
	
	
	word-spacing: 85px;

	
	height:20px;


	
}



.slide-the-drawer {
	display:inline-block;


}

.logobar {
	width:100%;
	height:12vh;
	background-color:#1A3958;
}

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


img{
	
	position:fixed;


}	






body {

	width:100vw;
	height:100vh;
	
	overflow:scroll;

	background:white;
	background:white;

	
}

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%;
}





p { font-size: 1.75em;
	width:50%;
	height:10vh;
	background-color:#95D554;
	display:block
	
	
	
	padding:0;
	margin:0 auto;
}

}


 
.getstarted {
	width:50%;
	

	
	background-color:#95D554;
	
	

	padding:0;
	
	
	vertical-align: center;
}
 

 #zip {
 	width:50%;
 	height:25vh;
 	background-color:#95D554;
 	margin:0 auto;
 	padding:0;
 	
 }

 figure {
 	width:35%;
 	height:4vh;
 	
 	background-color:white;
 	-webkit-box-shadow:10px,10px,10px,10px (0,0,0,0.75); 
 	text-align:center;
 	


 }



.btn {
  height: 6vh;
  width: 6vw;
  border-radius: 50%;
 
  display:block;
  background-color:white;
  font-size:.8em;
  text-align:center;
  margin-top:2px;
  vertical-align:middle;
  text-align: center;
  line-height: 40px;




}

#enter {
	
	vertical-align: middle;
	text-align: center;

} 









@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;

	
}

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

.logoline{
	width:100vw;
	height:9vh;
	background-color:#1A3958;
}
img{
	width:100;
	float:top;
	position:fixed;
	padding:0;
	margin:0 auto;
		}


}	






body {

	width:100vw;
	height:100vh;
	
	overflow:scroll;

	background:white;
	background:white;

	
}

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%;
}





p { font-size: 1.75em;
	width:50%;
	height:10vh;
	background-color:#95D554;
	display:block
	
	
	
	padding:0;
	margin:0 auto;
}

}


 
.getstarted {
	width:50%;
	

	
	background-color:#95D554;
	
	

	padding:0;
	
	
	vertical-align: center;
}
 

 #zip {
 	width:50%;
 	height:25vh;
 	background-color:#95D554;
 	margin:0 auto;
 	padding:0;
 	
 }

 figure {
 	width:35%;
 	height:4vh;
 	
 	background-color:white;
 	-webkit-box-shadow:10px,10px,10px,10px (0,0,0,0.75); 
 	text-align:center;
 	


 }



.btn {
  height: 6vh;
  width: 6vw;
  border-radius: 50%;
 
  display:block;
  background-color:white;
  font-size:.8em;
  text-align:center;
  margin-top:2px;
  vertical-align:middle;
  text-align: center;
  line-height: 40px;




}

#enter {
	
	vertical-align: middle;
	text-align: center;

}











@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;

	
}

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

.logoline{
	width:100vw;
	height:9vh;
	background-color:#1A3958;
}
img{
	width:19vw;
	float:top;
	padding:0;
	margin:0 auto;
	position:fixed;
		}


}	





body {

	width:100vw;
	height:100vh;
	
	overflow:scroll;

	background:white;
	background:white;

	
}

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%;
}





p { font-size: 1.75em;
	width:50%;
	height:10vh;
	background-color:#95D554;
	display:block
	
	
	
	padding:0;
	margin:0 auto;
}

}


 
.getstarted {
	width:50%;
	

	
	background-color:#95D554;
	
	

	padding:0;
	
	
	vertical-align: center;
}
 

 #zip {
 	width:50%;
 	height:25vh;
 	background-color:#95D554;
 	margin:0 auto;
 	padding:0;
 	
 }

 figure {
 	width:35%;
 	height:4vh;
 	
 	background-color:white;
 	-webkit-box-shadow:10px,10px,10px,10px (0,0,0,0.75); 
 	text-align:center;
 	


 }



.btn {
  height: 6vh;
  width: 6vw;
  border-radius: 50%;
 
  display:block;
  background-color:white;
  font-size:.8em;
  text-align:center;
  margin-top:2px;
  vertical-align:middle;
  text-align: center;
  line-height: 40px;




}

#enter {
	
	vertical-align: middle;
	text-align: center;
}
	
/*dont erase this bracket --->>  */ }




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

	figure#laptop {
			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;
	overflow:scroll;

	
	

}


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;

	
}

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

.logoline{
	width:100vw;
	height:9vh;
	background-color:#1A3958;
}
img{
	width:19vw;
	float:top;
	padding:0;
	margin:0 auto;
	position:fixed;
		}


}	





body {

	width:100vw;
	height:100vh;
	
	overflow:scroll;

	background:white;
	background:white;

	
}

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%;
}





p { font-size: 1.75em;
	width:50%;
	height:10vh;
	background-color:#95D554;
	display:block
	
	
	
	padding:0;
	margin:0 auto;
}

}


 
.getstarted {
	width:50%;
	

	
	background-color:#95D554;
	
	

	padding:0;
	
	
	vertical-align: center;
}
 

 #zip {
 	width:50%;
 	height:25vh;
 	background-color:#95D554;
 	margin:0 auto;
 	padding:0;
 	
 }

 figure {
 	width:35%;
 	height:4vh;
 	
 	background-color:white;
 	-webkit-box-shadow:10px,10px,10px,10px (0,0,0,0.75); 
 	text-align:center;
 	


 }



.btn {
  height: 6vh;
  width: 6vw;
  border-radius: 50%;
 
  display:block;
  background-color:white;
  font-size:.8em;
  text-align:center;
  margin-top:2px;
  vertical-align:middle;
  text-align: center;
  line-height: 40px;




}

#enter {
	
	vertical-align: middle;
	text-align: center;
}
	
/*dont erase this bracket --->>  */ }





.ikesdarkblue{
	background-color:#1A3958;

}

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


.ikeslightgreen {
			background-color:#AEDC82;
}


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

.ikeswhite {
			background-color:#F1F1F3;
}