/* ========================
 body
======================== */
body {
    background-color: #EFEFEF;
}

/* ========================
 main
======================== */
main nav {
    background-color: #0D3246 !important;
    margin-top: 180px;
    padding: 30px;
}
main nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 30px 0;
}
main nav ul li {
    color: #fff;
    position: relative;
}
main nav ul li:before {
	background-color: #D93448;
    border-radius: 10px;
    content:''; 
    display: block;
	height: 5px;
	width: 5px;
	position: absolute;
	top: 40%;
	left: -15px;
}
main article {
    background-color: #fff;
    margin: 80px 50px;
    padding: 50px;
}
main article img {
    display: block;
    margin: 0 auto 50px;
}
main article h3 {
    color: #0D3246;
    line-height: 1.5em;
    text-align: center;
}
main article p {
    color: #0D3246;
    padding: 0 100px;
}

/* ========================
 Media Queries
======================== */
@media screen and (max-width:800px) {
main nav ul {
    flex-direction: column;
    margin: 0;
}
main nav ul a {
    margin: 15px 0;
}
main article {
    background-color: #fff;
    margin: 80px 0;
    padding: 50px 0;
}
main article img {
    width: 60%;
}
main article h3 {
    padding: 0 50px;
    text-align: left;
}
main article p {
    padding: 0 50px;
}
}