body { background-color:#d1d1d1;  }

.main {
	
margin-top:50px;
	
-webkit-box-shadow: 2px 0px 37px 0px rgba(158,158,158,1);
-moz-box-shadow: 2px 0px 37px 0px rgba(158,158,158,1);
box-shadow: 2px 0px 37px 0px rgba(158,158,158,1);
	
background-image: url("../img/bg.jpg");
width: 1140px;
height: 747px;

}


.textContainer {
	

	height: 200px;
	width: 550px;
	margin-top:400px;
	margin-left:500px;
	padding-top:5px;

}


.title {

	font-family: 'EB Garamond', serif;
	font-weight: 400;
	font-size: 50px;
	color:#ffffff;
	padding-top:0px;
	
}

.titlealt {

	font-family: 'EB Garamond', serif;
	font-weight: 400;
	font-size: 22px;
	color:#ffffff;
	padding-top:0px;
	
}


.link { padding-top:5px; }


.link a {
	font-family: 'Open Sans', sans-serif;
	color:#ebebeb;
	font-size: 20px;
	font-weight: 400;
	text-decoration: underline;

}


/*
* Media Queries
*******************/

@media only screen and (max-width : 1200px) {
	
	
.main {
	
	background-image: url("../img/bg.jpg");
	width: 100%;
	height: 747px;

}
	
	
	
}

@media only screen and (max-width : 992px) {
	
	
.main {
	
	background-image: url("../img/bg-2.jpg");
	width: 100%;
	height: 747px;

}
	
	
.textContainer {
	

	height: 200px;
	width: 550px;
	margin-top:400px;
	margin-left:350px;
	padding-top:20px;

}


	
	
}


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

	.main {
	
		background-image: url("../img/bg-3.jpg");
		background-repeat: no-repeat;
		width: 100%;
		height: auto;

	}
	
	
	.textContainer {
	
		background-color:#29348f; 
		height: auto;
		width: 100%;
		margin-top:400px;
		margin-left:0px;
		padding:30px;		
		
	}
	
	
	.title {
	
	padding-top:0px;
	
	}
	
	
}


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

	
	.title {
		font-family: 'EB Garamond', serif;
		font-weight: 400;
		font-size: 35px;
		color:#ffffff;
		padding-top:0px;
	}
	
	
	.titlealt {
		font-family: 'EB Garamond', serif;
		font-weight: 400;
		font-size: 14px;
		color:#ffffff;
		padding-top:0px;
	}
	
	
	.link a {
		font-family: 'Open Sans', sans-serif;
		color:#ebebeb;
		font-size: 15px;
		font-weight: 400;
		text-decoration: underline;
	}
	
	
}


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


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


}

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


}

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


}


@media only screen and (min-width : 1200px) {



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}