@media only screen and (max-width: 750px){

.headermain{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/homepageMobile.jpg);
	background-size: cover;
	background-position: center;
	height: 100vh;
	background-attachment: scroll;
	margin-top: 0;
}


.apply .w3-button{
margin-top: 28vh;
}

.copy{
	line-height: 30px;
	margin-right: 5%;
	margin-left: 5%;
	text-align: justify;
}

.currentbutton{
	margin-top: 35vh;
}

.header{
	background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/images/homepageMobile.jpg);
	background-size: cover;
	background-position: center;
	padding-top: -100px;
}


}

@media only screen and (max-width: 600px){


.headermain{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/homepageMobile.jpg);
	background-size: cover;
	background-position: center;
	height: 100vh;
	background-attachment: scroll;
	margin-top: 0;
}



.important .dates{
	padding-left: 7px;
}



.currentbutton{
	margin-top: 35vh;
}

.header{
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/images/homepageMobile.jpg);
	background-size: cover;
	background-position: center;
}

.copy{
	line-height: 30px;
	margin-right: 2%;
	margin-left: 2%;
	text-align: left;
}

h4{
	text-align: left;
}


}

@media only screen and (max-width: 374px){
	
.headermain{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/homepageMobile.jpg);
	background-size: cover;
	background-position: center;
	height: 100vh;
	background-attachment: scroll;
	margin-top: 0;
}

	.currentbutton{
		margin-top: 35vh;
	}
	
	.header{
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/images/homepageMobile.jpg);
	background-size: cover;
	background-position: center;
}

.copy{
	line-height: 30px;
	margin-right: 1%;
	margin-left: 1%;
	text-align: left;
}

h4{
	text-align: left;
}
	
	
}