footer { background:#2a2b2b; color:#f2f2f2; padding:40px 0; font-size:16px; line-height:20px; }
footer a, footer a:visited, footer a:active { color:#ccc; text-decoration:none; }
footer a:hover, footer a:focus { color:#fff; }
footer .bar { margin: 0 5px; }
footer h3 { color:#2ac5f4;line-height:36px; }
#fbrand, #newsletter { margin-bottom:40px; }
#flogo { margin-right:40px;width:100%; }
#flogo svg, #flogo img { width:100%; max-width:280px; height:auto; }
#finfo { font-size:18px; line-height:24px; margin-top:30px; }
#fnav .col-3 ul { list-style-type:none; padding-left:0!important; }
#fnav .col-3 ul li { margin-bottom:6px; }
#fnav .col-3 { padding:0; }
#fcfex .onethird a img { width:80%; }
#fdisclosure, #flinks { margin:20px auto 0 auto; width:100%; }
#fsocial img, #fsocial svg, #fsocial object { display:inline-block; width:48px; height:48px; margin:0 5px; }

@media (max-width: 1160px) {
    #fbrand, #fcfex, .half { margin-bottom:0!important; }
    #fbrand .onethird, #fbrand .twothirds, footer .half { width:100%; margin-bottom:40px; }
    #flogo, #finfo, #fnav { text-align:center; }
    #flogo { margin-right:0; }
    #flogo svg, #flogo img { max-width:280px; }
    #fnav { max-width:50%; margin: 0 auto; }
}

@media (max-width: 1020px) {
    #fnav { max-width:80%; margin: 0 auto; }
}

@media (max-width: 700px) {
  #newsletter input[type="text"], #newsletter button { width:99%; margin-right:0; }
  #newsletter input[type="text"] { margin-bottom:10px; }
}

@media (max-width: 650px) {
    footer .boxed { padding:20px; }
    #flogo { padding-bottom:40px; }
    #fnav { flex-wrap:wrap; padding:40px 0; }
    #fnav .col-3 { width:100%!important; margin-bottom:0; }
    #fnav .col-3 ul { margin:0; }
    #fbrand .onethird, #fbrand .twothirds, footer .half { margin-bottom:0; }
    #newsletter, #fcfex { max-width:100%; margin: 0 auto 40px auto;}
}