body {font-family: 'Open Sans', sans-serif;}
header {text-align: center; height: 17.5vh; display: table; width: 100%;}
header h1 {display: table-cell; vertical-align: middle; margin: 0px; font-size: 1.7rem; padding: 1rem; line-height: 1.5rem;}
.container {max-width: 960px; margin: auto; display: table;}
.container .left, .container .right {width: 50%; display: table-cell; vertical-align: top; padding: 1rem;}
.container .center {width: 50%; text-align: center;}
.container  p {margin: 0.2rem; text-transform: none; font-size: 0.9rem; color: #000; text-align: justify;}
.container .left, .container .right {text-align: center;}
.container .left {border-right: 1px solid #bfdaf1;}
.container .right {border-left: 1px solid #bfdaf1;}
.container .left p, .container .right p {font-size: 1rem;}
.container img {max-width: 100%;}
.container .blue {background: #bfdaf1; margin: 1rem 0px; padding: 1.5rem;}
.container .blue p {text-align: center; font-weight: bold; color: #000;}
h3 {font-size: 1.1rem; text-transform: none; color: #2770b7; margin: 0px;}
a {color: #2770b7;}
.container .white {padding: 1.5rem;}
.container .description {padding: 1.5rem 0;}
.container .dark-blue {background: #3a6fa2; margin: 1rem 0px; padding: 1rem;}
.container .dark-blue p {text-align: left; color: #fff; font-size: 0.9rem; margin-top: 1rem;}
.container .dark-blue p:first-child {margin-top: 0rem;}
.container .dark-blue span {color: #bfdaf1;}
footer .left img, footer .right img {width: 18rem;}
footer {width: 100%; height: 22.5vh; display: table;}
footer > .left, footer > .right {text-align: center; vertical-align: middle; width: 50%; display: table-cell; padding: 1rem;}
h2 {font-size: 1.2rem; text-transform: none;}

@media only screen and (max-device-width: 960px) {
.container .left, .container .right {width: 100%; display: block;}
}