/* Competition Page CSS */
.comp_header {
	display: flex;
	flex-direction: column;
}

.comp_header_left {
	background: #e4e6f0;
	display: flex;
	align-items: center;
}

.comp_header_left h1 {
	line-height: initial;
	padding-bottom: 15px;
}

.comp_header_left p {
	margin-bottom: 15px;
}
.comp_header_copy {
	color: #1d4275;
	display: flex;
	margin: 25px;
	flex-direction: column;
}

.comp_header_right {
	display: flex;
	align-items: center;
    background: #e4e6f0;
}

.comp_header_right img {
	width: 100%;
}

.comp_copy {
	background: #e4e6f0;
    margin: 8px;
    padding: 10px;
    color: #1d4275;
}

.comp_terms ol {
	margin-left: 25px;
	font-size: small;
}

.comp_terms {
	margin: 30px 8px 20px;
}

.comp_terms a {
	color: inherit;
	font-weight: bold;
}

.comp_header_left a {
	color: inherit;
}

@media screen and (min-width: 700px) {
	.comp_header {
		flex-direction: row;
	}
	
	.comp_header_left, .comp_header_right {
		width: 50%;
	}
	.comp_header_left h1 {
		font-size: 2em;
	}
	.comp_header_copy {
	margin: 40px;	
	}
}

@media screen and (min-width: 900px) {
	.comp_header_left h1 {
		font-size: 3em;
	}
	
	.comp_header_left p {
		font-size: 1.2em;
	}
}

@media screen and (min-width: 1200px) {
	.comp_header_left h1 {
		font-size: 4em;
	}
	.comp_header_left p {
		font-size: 1.5em;
	}

}