@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

@font-face {
    font-family: 'CamptonBold';
    src: url('fonts/CamptonBold.eot');
    src: url('fonts/CamptonBold.eot') format('embedded-opentype'),
         url('fonts/CamptonBold.woff2') format('woff2'),
         url('fonts/CamptonBold.woff') format('woff'),
         url('fonts/CamptonBold.ttf') format('truetype'),
         url('fonts/CamptonBold.svg#CamptonBold') format('svg');
}
@font-face {
    font-family: 'ProximaNovaLight';
    src: url('fonts/ProximaNovaLight.eot');
    src: url('fonts/ProximaNovaLight.eot') format('embedded-opentype'),
         url('fonts/ProximaNovaLight.woff2') format('woff2'),
         url('fonts/ProximaNovaLight.woff') format('woff'),
         url('fonts/ProximaNovaLight.ttf') format('truetype'),
         url('fonts/ProximaNovaLight.svg#ProximaNovaLight') format('svg');
}


body {
  margin: 0;
}

a {
  color: #ff5500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans", Arial, Helvetica, sans-serif;
}

.page-bg {
  block-size: 6px;
  border-bottom: 1px solid #fff;
  margin-bottom: 25px;
  z-index: 1000;
  position: relative;
  inline-size: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fda502+0,fda502+25,ff5500+25,ff5500+50,c73800+50,c73800+75,111111+75,111111+100 */
  background: #fda502; /* Old browsers */
  background: -moz-linear-gradient(left, #fda502 0%, #fda502 25%, #ff5500 25%, #ff5500 50%, #c73800 50%, #c73800 75%, #111111 75%, #111111 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fda502 0%,#fda502 25%,#ff5500 25%,#ff5500 50%,#c73800 50%,#c73800 75%,#111111 75%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fda502 0%,#fda502 25%,#ff5500 25%,#ff5500 50%,#c73800 50%,#c73800 75%,#111111 75%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda502', endColorstr='#111111',GradientType=1 ); /* IE6-9 */
}

.brand-header {
  display: flex;
  justify-content: center;
  margin-block-end: 50px;
}

.brand-header img {
  inline-size: 100%;
  max-inline-size: 600px;
  block-size: auto;
}

.page-content {
  max-inline-size: 1400px;
  margin: 0 auto;
}

.page-title {
  text-align: center;
  font-size: 45px;
  margin: 0 10% 30px;
}

.page-subheader {
  font-size: 30px;
  text-align: center;
  color: #4d4d4d;
  margin: 30px 15% 15px;
}

.page-text {
  font-family: 'ProximaNovaLight';
  text-align: center;
  font-size: 24px;
  margin: 0 5%;
  line-height: 1.4;
}

footer {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #4d4d4d;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
}