h1 {
	font-weight: bolder;
	font-family: "Open Sans";
	font-size: 3em;
	text-align: left;
	margin-bottom: 25px;
}

h2 {
	font-family: "Open Sans";
	font-weight: bolder;
	font-size: 2em;
	padding-bottom: 25px;
}

h3 {
	font-weight: bold;
	font-family: "Open Sans";
	font-size: 1.8em;
	margin-bottom: 1rem;
}


p{
	font-family: Arial;
	font-size: 1em;
} 


a{
	cursor: pointer;
}

article header, section{
	padding-bottom: 50px;
}

article header p{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0;
}

article header p:last-of-type, article section:nth-of-type(2) img{
	margin-bottom: 25px;
}

ul{
	font-family: Arial;
	font-size: 1em;
}

article header {
	display:flex;
	flex-flow: column;
	align-items: center;
}

header, article section:nth-of-type(1), article section:nth-of-type(2) {
	border-bottom: solid 2px black;
	margin-bottom: 50px;
	padding-bottom: 25px;
}

em{
	font-weight: bold;
}

.light{
	font-weight: lighter;
}

.it{
	font-style: italic;
}

.center{
	margin: 0 auto;
}

.bold{
	font-weight: bold;
}

.buttons {
	box-sizing: border-box;
	background-color: #990000;
	color: rgb(245, 245, 245);
	display: inline-block;
    padding: 0.4em 1em;
    border-radius: 3px;
    font: 700 1rem "Open Sans";
    border: 1px solid transparent;
    text-transform: uppercase;
    text-decoration: none;
	box-shadow: 3px 3px 5px rgb(0,0,0,0.2);
	margin-right:5px;
}

.buttons:hover {
	color: rgb(227, 227, 227);
	box-shadow: 1px 1px 3px rgb(0,0,0,0.5);
}

.blue-link{
	color: #1a0dab;
}

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

	h1{
		size: 1.5em;
	}
	 h2{
		 size: 1.2em;
		 text-align: center;
	 }
	 h3{
		 size:1em;
	 }
	article header section{
		display: flex;
		flex-direction: column;
	}

	article header p{
		text-align: left;
	}
}
