@charset "UTF-8";
  body {
  font-family:'Krub',sans-serif;
  font-size:100%;
  margin-top:0;
  background-color:#f9e6ea;
}
.top-header-container {
  background-color:#73044c;
}
.top-header {
  color:white;
  text-align:center;
  max-width:1000px;
  margin:0 auto;
  display:flex;
  justify-content:space-around;
  font-size:55%;
  padding:10px;
}
.top-header h1 {
  margin:0;
}
header {
  /*  background-image:url(images/559116.png);
  */  background-size:cover;
  padding-top:50px;
  padding-bottom:150px;
}
header h2 {
  margin-top:0;
}
header h3 {
  font-size:1.2em;
  font-weight:300;
  /*  color:white;
  */
}
.header-text-container h1 {
  text-transform:uppercase;
  font-size:2.5em;
  margin:0;
  font-weight:700;
}
.header-text-container {
  max-width:1000px;
  margin:0 auto;
  text-align:center
}
.form-box {
  /*  background-color:#73044c;
  */  background-color:#9d84e2;
}
.inner-wrap {
  max-width:1000px;
  margin:0 auto;
}
.form-bottom {
  margin-top:50px;
}
footer {
  text-align:center;
  padding-top:75px;
  padding-bottom:75px;
  /*  height:425px;
  with form */
}
.landing,.websites,.redesigns {
  padding-bottom:200px;
  text-align:center;
  color:white;
}
.websites {
  background-color:#4A2AA2;
  padding-top:100px;
}
.redesigns {
  background-color:#7a5fc8;
  padding-top:100px;
}
.landing {
  /*  background-color:#73044c;
  */  background-color:#240b69;
  padding-top:275px;
  margin-top:-325px;
}
.sample-boxes {
  background-color:#d6c8f9;
  max-width:90%;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:1%;
  padding-right:1%;
  margin:-150px auto 50px auto;
  display:flex;
  flex-wrap:wrap;
}
.thumbnail {
  width:90%;
  margin:1% auto 0 auto;
}
.thumbnail h4 {
  margin-bottom:.5em;
  font-size:2em;
}
.thumbnail a:link,.thumbnail a:visited {
  color:#e34a68;
  font-weight:bold;
}
.thumbnail a:hover {
  color:#7B1327;
}
.blast-thumbnail {
  width:45%;
  float:left;
}
.blast-thumbnail h4 {
  font-size:1em;
  color:white;
}
.blast-box {
  background-color:transparent;
}
h3 {
  font-size:1.2em;
  font-weight:normal;
  margin:0;
}
h1 {
  font-size:3em;
  margin:0;
}
.scaling-img {
  max-width:100%;
  height:auto;
}
.clearfix::after {
  content:"";
  clear:both;
  display:table;
}
form {
  width:90%;
  height:300px;
  margin:-75px auto 100px auto;
  z-index:100;
  position:relative;
  padding:0;
}

.form2{
    margin-top: 50px;
}
fieldset {
  border:none;
  padding:30px;
  /*  background-color:#9a85e2;
  */  background-color:#d5c9f9;
}
form h2 {
  background-color:#240b69;
  background-color:#73044c;
  color:white;
  padding:10px;
  margin:0;
  text-align:center;
}
.form-input {
  margin:0 auto 2em auto;
  height:2em;
  background-color:#E1E1E1;
  width:98%;
}
.send-order {
  font-size:1.5em;
  color:#FFFFFF;
  background-color:#e34a68;
  padding:20px;
  cursor:pointer;
  box-shadow:1px 1px 2px #000;
  border:none;
  width:100%;
}
.blasts {
  margin-top:100px;
  padding-top:25px;
  background-color:#73044c;
  color:white;
}
.blast-box {
  margin-top:0px;
}

.employer-logos img{
    margin-top: 15px;
    margin-bottom: 15px;
}


@media (min-width:42em) {
  .thumbnail {
  width:48%;
  margin:1% 1% 0 1%;
}
form {
  width:500px;
  text-align:center;
}
label {
  float:left;
  clear:left;
}
.form-label {
  margin:0 0 1.5em 0;
  padding:0 0.5em 0 0;
  text-align:right;
  width:3em;
  height:2em;
  line-height:2em;
}
.form-input {
  float:left;
  width:85%;
}
.header-text-container h1 {
  font-size:3em;
}
.thumbnail h4 {
  font-size:1.3em;
}
.blast-thumbnail {
  width:31.33%;
}
.employer-logos{
    display: flex;
    justify-content: space-around;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

    .employer-logos img{
        width: 200px;
    }
}@media (min-width:62.5em) {
  .thumbnail {
  width:31.33%;
}
.sample-boxes {
  max-width:1000px;
}
.top-header {
  font-size:95%;
}
.blast-thumbnail {
  width:18%;
}
       .employer-logos img{
        width: 250px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
}