body {
	font-family: 'Roboto Condensed', sans-serif;
	color: #4d4d4e;
	box-sizing: border-box;
	padding-bottom: 20px;
}

.info{
	position: relative;
	padding: 10px;
	text-align: center;
}
.info p{
	margin: 0;
}
.close{
	position: absolute;
	bottom: 0;
	right: 0;
	left: auto; 
	top: 0; 
	padding:0px 10px;


}

/* Header */
.header-wrapper{
	text-align: center;
	padding: 30px;
	/* border-bottom: 1px solid #f4f4f4; */
	background-color: #0d4e88;
}
.header-wrapper img{
	width: 100%; 
	max-width: 210px;
}

/* base styles */

.news{ 
	padding: 10px;
}
.title-wrapper{
	padding: 20px;
}
.title{
	padding: 10px 0;
	color: #003A5D;
}
.news-wrapper{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	/* align-items: stretch; */
	/* margin-right: auto; */
}
.article-wrapper{

	margin: 5px;
	padding: 5px;
	flex-basis: 45%;
	justify-content: space-between;
}
.latest{
	flex-basis: 100%;
}
.thumbnail-wrapper img{
	width: 100%;
	border-radius: 5px;
}
.headline,.teaser-text{
	color: #4d4d4e;
	transition: color .2s ease;
}
.headline,.teaser-text:hover {
    color: #007db9;
}
.headline:hover {
    color: #007db9;
}
.headline{
	font-size: 18px;
	color: #4d4d4e;
	text-decoration: none;
	font-weight: 600;
	padding-top: 10px;
	margin: 0;
}
.teaser-text{
	color: #4d4d4e;
	margin: 0;
}
a{
	text-decoration: none !important;
}
.top-stories{
	display: none;
}
.time{
font-size: 12px;
	color: grey;
}

iframe{
	border-radius: 5px;
}

/* articles page */

.articlepage-wrapper{
	padding: 20px;
	flex-basis: 45%;
}

.articlepage-wrapper p {
	font-size: 18px;
}

img{
	width: 100%;

}
.articlepage-wrapper img{
		padding-bottom: 20px;
}
.footer{
	padding: 20px;
	box-shadow: 10px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display: flex;
	justify-content: space-between;


}
footer{
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 1;
	background-color: #fff;
}
.footer a{
	color:  #4d4d4e;
	font-weight: bolder;
	text-transform: uppercase;

}
.fas{
	font-size: 16px;
}
/*========================
media queries
==========================  */

@media screen and (min-width: 578px) {
	.news-wrapper{
		flex-direction: row;
	}
	.article-wrapper{
	flex-basis: 47%;
	max-width: 100%;
	margin: 5px;
	padding-right: 10px;
	}
	.latest{
		flex-basis: 100%;
		/* flex-grow: 3; */
		/* display: flex; */
	}
	.latest .thumbnail-wrapper{
		flex: 3 250%;
	}
	.latest.headline{
		padding-top: 0;
		padding-left: 20px;
		font-size: 22px;
		align-items: stretch;
	}
	.old{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}
/*
	.teaser-text,
	.latest .time{
		display: block;
		padding-left: 20px;
		color: grey;
	}
*/

	/* article page */
	footer{
		display: none;
	}

}
@media screen and (min-width:1024px) {
	.title-wrapper{
		background: url(images/hurricane-back.jpg) center;
		padding: 0;
		margin: 0;
		background-size: cover;
	}

	.title{
		color: #fff;
		padding: 100px;
		font-size: 52px;
		min-height: 500px;
	}
	.latest{
		flex-basis: 25%;
	}
	.article-wrapper{
		flex-basis: 24%;
		max-width: 45%;
	}

	.top-stories{
		display: block;
		padding-left: 20px;
		padding-top: 20px;

	}

/* article page */
.articlepage-wrapper{
	margin: auto;
}
.old .headline-wrapper a .headline{
	padding-top: 10px;
}

}