* {box-sizing: border-box;}

/* font-family: Arial, Helvetica, sans-serif; */
/* font-family: 'Source Sans Pro', Arial, sans-serif; */
/* font-family: 'Lato', Arial, sans-serif; */
/* font-family: 'Playfair Display', Georgia, serif; */

html, body {margin: 0; padding: 0; width: 100%;}
body {font: 14px/1.5 Arial, Helvetica, sans-serif; color: #222;}
table, input, textarea {font: 1em/1.5 Arial, Helvetica, sans-serif; color: #222;}
a {color: blue; text-decoration: underline; cursor: pointer;}
a, input, textarea, select, button {outline: none;}
.clear {clear: both;}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
/* Edge */
::-webkit-input-placeholder {color: #ccc;}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {color: #ccc;}
::placeholder {color: #ccc;}

.content-outer {margin: 0; padding: 0 0 100px 0; width: 100%; position: relative; min-width: 320px;}
  .header {margin: 0; padding: 20px; background: #3d73c1; color: white;  width: 100%;}
    .bulion-logo {float: left;}
    .sni-logo {float: right;}
    .bulion-logo img, .sni-logo img {height: 30px;}
    
  .footer {margin: 0; padding: 20px 20px 40px 20px; background: #3d73c1; color: white; text-align: center; position: fixed; bottom: 0; line-height: 20px; width: 100%; font-size: 0.875em;}

  
@media only screen and (min-width: 480px) {
  .bulion-logo img, .sni-logo img {height: 40px;}
}