#edit_page
{
	background: #666;
	padding: .3em;
	color: white;
	font-size: .8em;
	position: absolute;
	z-index: 9999;
	text-align: center;
	border-radius: 5px;
	width: 50px;
	top: 5px;
	right: 5px;
}
.resource_section {
	padding: 1.33em 10% 2em 10%;
	width: 100%;
	display: block;
	box-sizing: border-box;
	position: relative;
}

.gray_section {
	background: #EFEDEA;
}

.white_section {
	background: #ffffff;
}

.resource_section_title {

	width: 100%;
	display: block;
	font-weight: bold;
}

.resource_section_body p{
	display: block;
}

.resource_section_buttons
{
	text-align: center;
	display: block;
}

.resource_button
{
    display: inline-block;
    min-width: 14%;
    box-sizing: border-box;
    border-radius: 21px;
    padding: .5em 1em;
    margin: 1em;
    color: #013733;
    border: solid 1px #013733;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.4em;
}

.small_resource_button
{
    min-width: 10%;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 0.5em;
    margin: 1em 0;
    color: #013733;
    border: solid 1px #013733;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
}

.small_resource_button:hover {
	cursor: pointer;
}

@media screen and (max-width: 1279px) {
	.resource_section {
		padding: 1.33em 8.33% 2em 8.33%;
	}
}

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

	.resource_section h1, .resource_section h2 {
		line-height: inherit;
	}
}

@media screen and (max-width: 599px) {
	.resource_section {
		padding: 1.2em 5% 1.5em 5%;
	}
	.resource_section h1, .resource_section h2 {
		text-align: left;
		line-height: inherit;
	}
}