/* Scss Document */
@font-face {
  font-family: 'Jumbotron';
  src: url("fonts/Avenir-Book/Avenir-Book.eot?#iefix") format("embedded-opentype"), url("fonts/Avenir-Book/Avenir-Book.woff") format("woff"), url("fonts/Avenir-Book/Avenir-Book.ttf") format("truetype"), url("fonts/Avenir-Book/Avenir-Book.svg#Avenir-Book") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Jumbotron';
  src: url("fonts/AvenirNextLTPro-Regular/AvenirNextLTPro-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextLTPro-Regular/AvenirNextLTPro-Regular.otf") format("opentype"), url("fonts/AvenirNextLTPro-Regular/AvenirNextLTPro-Regular.woff") format("woff"), url("fonts/AvenirNextLTPro-Regular/AvenirNextLTPro-Regular.ttf") format("truetype"), url("fonts/AvenirNextLTPro-Regular/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Jumbotron';
  src: url("fonts/AvenirNextLTPro-It/AvenirNextLTPro-It.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNextLTPro-It/AvenirNextLTPro-It.otf") format("opentype"), url("fonts/AvenirNextLTPro-It/AvenirNextLTPro-It.woff") format("woff"), url("fonts/AvenirNextLTPro-It/AvenirNextLTPro-It.ttf") format("truetype"), url("fonts/AvenirNextLTPro-It/AvenirNextLTPro-It.svg#AvenirNextLTPro-It") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Jumbotron';
  src: url("fonts/AvenirNext-Bold/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/AvenirNext-Bold/AvenirNext-Bold.woff") format("woff"), url("fonts/AvenirNext-Bold/AvenirNext-Bold.ttf") format("truetype"), url("fonts/AvenirNext-Bold/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Jumbotron';
  src: url("fonts/TradeGothic/TradeGothicLTStd-BdCn20.eot?#iefix") format("embedded-opentype"), url("fonts/TradeGothic/TradeGothicLTStd-BdCn20.otf") format("opentype"), url("fonts/TradeGothic/TradeGothicLTStd-BdCn20.woff") format("woff"), url("fonts/TradeGothic/TradeGothicLTStd-BdCn20.ttf") format("truetype"), url("fonts/TradeGothic/TradeGothicLTStd-BdCn20.svg#TradeGothicLTStd-BdCn20") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Jumbotron';
  src: url("fonts/TradeGothic/TradeGothicLTStd-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/TradeGothic/TradeGothicLTStd-Bold.otf") format("opentype"), url("fonts/TradeGothic/TradeGothicLTStd-Bold.woff") format("woff"), url("fonts/TradeGothic/TradeGothicLTStd-Bold.ttf") format("truetype"), url("fonts/TradeGothic/TradeGothicLTStd-Bold.svg#TradeGothicLTStd-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Jumbotron';
  src: url("fonts/TradeGothic/TradeGothicLTStd-Cn18.eot?#iefix") format("embedded-opentype"), url("fonts/TradeGothic/TradeGothicLTStd-Cn18.otf") format("opentype"), url("fonts/TradeGothic/TradeGothicLTStd-Cn18.woff") format("woff"), url("fonts/TradeGothic/TradeGothicLTStd-Cn18.ttf") format("truetype"), url("fonts/TradeGothic/TradeGothicLTStd-Cn18.svg#TradeGothicLTStd-Cn18") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Jumbotron';
  src: url("fonts/TradeGothic/TradeGothicLTStd.eot?#iefix") format("embedded-opentype"), url("fonts/TradeGothic/TradeGothicLTStd.otf") format("opentype"), url("fonts/TradeGothic/TradeGothicLTStd.woff") format("woff"), url("fonts/TradeGothic/TradeGothicLTStd.ttf") format("truetype"), url("fonts/TradeGothic/TradeGothicLTStd.svg#TradeGothicLTStd") format("svg");
  font-weight: normal;
  font-style: normal; }
.clear {
  clear: both; }

body {
  background: #F2F2F2;
  color: #333;
  font-family: "Jumbotron", "sans-serif";
  margin: 0px; }

a:link, a:visited {
  color: #3FA9F5; }

a:active, a:hover {
  color: #333; }

.sitehead {
  background: #3FA9F5;
  color: #fff;
  width: 100%;
  min-height: 50px;
  margin: 0px; }

.profileLogo {
  float: left;
  width: 200px; }

.slider {
  margin-top: 10px; }

.section1Content img {
  max-width: 100%; }

.sitehead ul {
  margin: 0px; }

.sitehead ul li {
  margin: 0px;
  list-style: none;
  float: left;
  padding: 0px 10px; }

.sitehead a:link, .sitehead a:visited {
  color: #fff;
  text-decoration: none; }

.sitehead a:active, .sitehead a:hover {
  color: #F2F2F2; }

.holder {
  width: 100%;
  max-width: 900px;
  min-width: 500px;
  margin: 0px auto;
  padding: 10px; }

.pageNav {
  margin: 10px auto; }

.pageNav ul {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  padding: 0px; }

.pageNav li {
  list-style: none;
  margin: 0px;
  font-size: 80%;
  width: 19%;
  text-align: center; }

.pageNav a:link, .pageNav a:visited {
  display: block;
  background: #3FA9F5;
  color: #fff;
  text-decoration: none;
  padding: 10px 0px; }

.pageNav a:active, .pageNav a:hover {
  background: #143d69;
  color: #F2F2F2; }

.sectionStyle section {
  margin: 40px 0px;
  padding: 20px; }

section h2 {
  font-family: "AvenirNext-Bold", "sans-serif";
  max-width: 325px;
  font-size: 200%;
  line-height: 120%;
  margin-bottom: 0px; }

.whiteBox, footer {
  border: 1px solid #d3d3d3;
  padding: 20px;
  background: #fff; }

section p {
  font-size: 90%; }

.flex {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  padding: 0px; }

.configurepcbox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-transform: uppercase;
  font-size: 80%;
  text-align: center;
  margin: 0px 10px; }

.configurepcbox img {
  max-width: 100%; }

.configurepcbox a:link, .configurepcbox a:visited {
  display: block;
  background: #3FA9F5;
  color: #fff;
  padding: 5px 10px;
  text-decoration: none; }

.configurepcbox a:active, .configurepcbox a:hover {
  background: #143d69;
  color: #F2F2F2; }

footer {
  padding: 10px !important;
  font-size: 70%; }

footer ul {
  display: flex;
  justify-content: flex-start;
  margin: 0px;
  padding: 0px; }

footer ul li {
  list-style: none;
  margin-right: 10px; }

@media only screen and (max-width: 600px) {
  .flex {
    display: block; }

  .holder {
    margin: 0px auto;
    min-width: inherit;
    padding: 0px;
    width: 90%; }

  .pageNav {
    min-height: 200px; }

  .pageNav ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100px;
    width: 100%; }

  .pageNav li {
    width: inherit;
    margin: 5px 0px; }

  section h2 {
    max-width: 100%; }

  .configurepcbox img {
    max-width: min-content; }

  .configurepcbox {
    text-align: center;
    margin-bottom: 20px; }

  .boxholder img {
    max-width: 100%;
    width: 100%; }

  footer .boxholder img {
    max-width: 100%;
    width: 100%; } }