* {
margin:0px;
padding:0px;
box-sizing:border-box;
}

body {
font-family: 'Open Sans', sans-serif;
font-size:1em;
}

p {
margin:20px 0px 20px 0px;
}

h1 {
margin:0px 0px 20px 0px;
font-size:3em;
}

h2 {
margin:0px 0px 20px 0px;
font-size:2em;
}

hr {
height:10px;
background-color:#000000;
border:none;
}

a {
color:#4557c2;
}

a:hover {
color:#000000;
}

ul {
list-style-position: inside;
}

.container {
width:100%;
}

.header {
margin:auto;
width:50%;
}

.header img {
width:100%;
}

.maincontent {
margin:auto;
width:50%;
}

.maincontent img {
width:100%;
box-shadow: 5px 5px 50px 0px rgba(0,0,0,0.5);
}

.quotes {
font-size:0.8em;
margin:20px 0px 20px 0px;
}

.footer {
margin:auto;
width:100%;
padding:10px;
text-align:center;
font-size:0.8em;
background-color:#a89114;
border-top:10px solid #000000;
}

.footer img {
width:100%;
}




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


.header {
width:100%;
}

.maincontent {
width:100%;
padding:10px;
}

.maincontent img {
box-shadow:none;
}



}