@import url('https://fonts.googleapis.com/css?family=Raleway|Spectral+SC|Teko|Vollkorn+SC');


.contentBanner {
	max-width:1600px;
	height: 660px;
	padding: 130px 0;
	background-image:url(http://www.bu.edu/today/wpassets/features/2018_not_politics/banner-image-politics.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	text-align:center;
	position: relative;
}

.type h1 {
	color:#35478c;
	background-color: rgba(255, 255, 255, 0.91);
    font-size: 60px;
    position: absolute;
    margin: 360px auto;
    width: 100%;
    padding: 30px 30px 50px 30px;
    line-height: 60px;
    font-family: 'Spectral SC';
    border-bottom: 4px solid #303f87;
    overflow: hidden;
}

.type span {
	color:#d00e0e;
	font-size: 50px;
}

.type p {
	color: #000;
    position: absolute;
	margin: 460px 0;
	width: 100%;
	font-size: 18px;
    font-weight: 300 !important;
    font-family: 'Vollkorn SC';
}

.readMore {
	margin: 40px auto;
	text-align: center;
}

.readMore a:hover {
	background-color: #ca191b;
}


.readMore a {
	background: #303f87;
    color: #fff;
    font-family: sans-serif;
    padding: 9px;
    border-radius: 1px;
    font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

a.button, a.button:visited {
	color: #fff;
	background: #243641;
}

a.button:hover {
	color: #ffffff;
	background-color: #b24d00;
}


@media only screen and (max-width: 800px) {
		.contentBanner {
		width: auto;
		height: 280px;
}
		.type h1 {
			margin: 32% auto;
			font-size: 45px !important;
			line-height: 50px !important;
		}
		.type p {
			margin: 45% auto;
			font-size: 16px;
		}
}


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

	.contentBanner {
		padding: 20px 0;
		text-align: center;
	}

	.contentBanner h1 {
	  margin: 160px 0;
	  font-size: 30px !important;
	  line-height: 30px;
	  		text-align: center;
	  padding: 4px 20px 30px 10px;
	}
	
	h1 span {
		font-size: 28px !important;
	}
	
	.type p {
		font-size: 13px;
		padding-right: 5px;
		margin: 42% 0 0 0 !important;
	}

		.readMore {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 590px) {
		.contentBanner h1 {
			margin: 185px 0;
			}
}

@media only screen and (max-width: 520px) {
.type p {
		margin: 50% 0 0 0 !important;
		line-height: 14px;
	}

	.contentBanner h1 {
		margin: 160px 0;
		font-size: 25px !important;
 }
 	.contentBanner {
	 	height: 230px;
 	}
}

@media only screen and (max-width: 400px) {
.type p {
		margin: 56% 0 0 0 !important;
	}
	}

@media only screen and (max-width: 340px) {
.type p {
		margin: 64% 0 0 0 !important;
	}
	}