/* Picture settings */
.resources-pic{
	padding: 0px /*<-Top*/ 80px /*<-Right*/ 60px /*<-Bottom*/ 80px /*<-Left*/;
}

.resources-pic img{
	max-width: 100%;
}

@media only screen and (max-width: 470px){ /* Applies when screen size <= 470px */
	.resources-pic{
		padding: 0px /*<-Top*/ 40px /*<-Right*/ 60px /*<-Bottom*/ 40px /*<-Left*/;
	}
}



/* Selector settings */
#selector, #upcoming-updates{
	border: 1px solid black;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0px /*<-Top*/ 80px /*<-Right*/ 60px /*<-Bottom*/ 80px /*<-Left*/;
	background-color: #dfe4e8;
}

#upcoming-updates{
	background-color: #ffffe5;
}

@media only screen and (max-width: 470px){ /* Applies when screen size <= 470px */
	#selector, #upcoming-updates{
		margin: 0px /*<-Top*/ 40px /*<-Right*/ 60px /*<-Bottom*/ 40px /*<-Left*/;
	}
}

#content #selector p, #content #upcoming-updates p{
	padding: 20px /*<-Top*/ 36px /*<-Right*/ 25px /*<-Bottom*/ 36px /*<-Left*/;
}

@media only screen and (max-width: 470px){ /* Applies when screen size <= 470px */
	#content #selector p, #content #upcoming-updates p{
		padding: 10px;
	}
}

#selector a, #upcoming-updates a{
	color: #0061a6;
	margin-top: 10px;
	display: inline-block;
}

#selector a:visited, #upcoming-updates a:visited{
	color: #0061a6;
}

.inline-block{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

@media only screen and (max-width: 1000px){ /* Applies when screen size <= 1000px */
	.inline-block{
		width: 100%;
	}
}



/* Content & Selector seperator */
.content-seperator{
    margin-left: 20px;
    margin-right: 20px;
    background: black;
}



/* Subtitle settings */
#subtitle{
	font-size: 26px;
}

@media only screen and (max-width: 520px){
	#subtitle{
		font-size: 20px;
	}
}/* Picture settings */
.resources-pic{
	padding: 0px /*<-Top*/ 80px /*<-Right*/ 60px /*<-Bottom*/ 80px /*<-Left*/;
}

.resources-pic img{
	max-width: 100%;
}

@media only screen and (max-width: 470px){ /* Applies when screen size <= 470px */
	.resources-pic{
		padding: 0px /*<-Top*/ 40px /*<-Right*/ 60px /*<-Bottom*/ 40px /*<-Left*/;
	}
}



/* Selector settings */
#selector, #upcoming-updates{
	border: 1px solid black;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0px /*<-Top*/ 80px /*<-Right*/ 60px /*<-Bottom*/ 80px /*<-Left*/;
	background-color: #dfe4e8;
}

#upcoming-updates{
	background-color: #ffffe5;
}

@media only screen and (max-width: 470px){ /* Applies when screen size <= 470px */
	#selector, #upcoming-updates{
		margin: 0px /*<-Top*/ 40px /*<-Right*/ 60px /*<-Bottom*/ 40px /*<-Left*/;
	}
}

#content #selector p, #content #upcoming-updates p{
	padding: 20px /*<-Top*/ 36px /*<-Right*/ 25px /*<-Bottom*/ 36px /*<-Left*/;
}

@media only screen and (max-width: 470px){ /* Applies when screen size <= 470px */
	#content #selector p, #content #upcoming-updates p{
		padding: 10px;
	}
}

#selector a, #upcoming-updates a{
	color: #0061a6;
	margin-top: 10px;
	display: inline-block;
}

#selector a:visited, #upcoming-updates a:visited{
	color: #0061a6;
}

.inline-block{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

@media only screen and (max-width: 1000px){ /* Applies when screen size <= 1000px */
	.inline-block{
		width: 100%;
	}
}



/* Content & Selector seperator */
.content-seperator{
    margin-left: 20px;
    margin-right: 20px;
    background: black;
}



/* Subtitle settings */
#subtitle{
	font-size: 26px;
}

@media only screen and (max-width: 520px){
	#subtitle{
		font-size: 20px;
	}
}