.comp_container {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.comp_header {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005596+0,052742+100 */
  background: rgb(0,85,150); /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,85,150,1) 0%, rgba(5,39,66,1) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,85,150,1) 0%,rgba(5,39,66,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0,85,150,1) 0%,rgba(5,39,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005596', endColorstr='#052742',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  width: 100%;
}

.comp_header h1 {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 40px;
  padding: 50px 0;
  color: white;
  text-shadow: 0px 0px 3px black;
}

.comp_1 {
  width:100%;
}

.comp_1 h1 {
  font-weight:900;
  font-size: 35px;
  color: #373435;
}

.comp_1 img {
  max-height: 120px;
  display: block;
  margin: 15px auto;
}

.comp_11 {
  width:100%;
}

.comp_11 h1 {
  font-weight:900;
  font-size: 35px;
  color:#373435;
}

.comp_11 span {
  font-weight: 900;
  font-size: 60px;
  color:#b53a3e;
}

.comp_2 h1 {
  font-weight: 900;
  font-size: 60px;
  line-height: 60px;
  color: #005596;
}

.comp_3 img {
  max-width: 100%;
  padding: 20px;
  margin: 0 auto;
}

.comp_3 p {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
  font-weight: 600;
}

.large_span {
  font-size: 30px;
  font-weight: 900;
  text-transform: uppercase;
}

.comp_31 h1 {
  font-size: 30px;
  font-weight: 600;
}

.comp_4 img {
  max-width: 100%;
  padding: 20px;
  margin: 0 auto;
}

.comp_4 h1 {
  font-size: 23px;
  font-weight: 900;
  line-height: 20px;
  color: #005596;
}

.comp_5 img {
  max-width: 100%;
  padding: 20px;
  margin: 0 auto;
}

.comp_5 h1 {
  font-size: 23px;
  font-weight: 900;
  line-height: 20px;
  color: #005596;
}

@media(min-width: 1000px) {
  .comp_container {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
  }

  .comp_1 {
    margin: 0 auto;
  }

  .comp_1 img {
    max-height: 120px;
    display: block;
    margin: 15px auto;
  }

  .comp_11 {
    margin: 0 auto;
  }

  .comp_11 span {
    font-weight: 900;
    font-size: 60px;
  }

  .comp_3 img {
    width: 49.5%;
    margin: 0 auto;
    display: inline-block;
  }

  .comp_3 p {
    width: 49.5%;
    margin: 0px auto;
    padding: 20px 40px;
    display: inline-block;
    vertical-align: top;
  }

  .comp_4 {
    width: 49.5%;
    display: inline-block;
    margin: 0 auto;
  }

  .comp_4 img {
    width: 400px;
    padding: 0px;
    margin: 0;
    float: left;
  }

  .comp_4 h1 {
    font-size: 20px;
    font-weight: 900;
    line-height: 15px;
    color: #005596;
    text-align: left;
  }

  .comp_5 {
    width: 49.5%;
    display: inline-block;
    margin: 0 auto;
  }

  .comp_5 img {
    width: 400px;
    padding: 0px;
    margin: 0;
    float: right;
  }

  .comp_5 h1 {
    font-size: 20px;
    font-weight: 900;
    line-height: 15px;
    color: #005596;
    text-align: right;
  }
}