body { font-family: "Open Sans", sans-serif; }
#subheader { background-color: #232e6c; padding: 4px 40px 4px 0; font-size: 12px; }
#subheader a { display: flex; color: #fff; justify-content: flex-end; align-items: center; }
#subheader a > span:first-child { border: solid 1px #fff; border-radius: 50%; padding: 4px; margin-right: 6px;}
#subheader a > span:last-child { text-transform: uppercase; }
#header { display: flex; justify-content: space-between; padding: 20px; align-items:center; }
#header img {max-width: 100%; height: auto;}
#header ul { display: flex; margin-right: 80px; }
#header ul li { padding-left: 50px; font-size: 20px; }
#header ul li a { color: #000; }
#content { color: #fff; font-size: 50px; background: url(background.jpg); background-size: cover; text-align: center; padding: 40px 0; }
#content div {padding: 20px;}
#content img {max-width: 100%; height: auto;}
#content a { display: inline-block; background: #fe941a; color:#fff; font-size: 24px; padding: 20px; }

@media screen and (max-width: 768px) { 
    #subheader { padding-right: 20px; }
    #header {flex-direction:column;}
    
    #header ul {flex-direction: column; margin: initial; text-align: center; }
    #header ul li { padding: initial; padding: 10px; }
    #content { font-size:32px;}
}