html,
body {
  height: 100%;
}

body {
  background: transparent url("../img/stock-photo-624205985.jpg") center center no-repeat scroll;
  background-size: cover;
}
a {color:#5876d3;}
main {
  margin-bottom: 0 !important;
  height: 100%;
}

@font-face {
  font-family: DSG Sans;
  src: url("../fonts/dsg/DSGSans-Bold.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/dsg/DSGSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/dsg/DSGSans-Bold.otf"), url("../fonts/dsg/DSGSans-Bold.woff") format("woff"), url("../fonts/dsg/DSGSans-Bold.ttf") format("truetype"), url("../fonts/dsg/DSGSans-Bold.svg") format("svg");
  /* Legacy iOS */
  font-weight: 400;
}

.content {
  padding-left: 50px;
  height: 100%;
  background-color: #fff;
}
.content-logo,
.content-description {
    margin:15px;
}
.content-description {
    margin-left:8%;
}
header {
  display: block;
  width: 250px;
  color: transparent;
  margin-left: 50px;
}

.left-content {
  /*zero out margins from CSS materialize*/
  padding: 0 !important;
  -webkit-box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

#main-error-content {
    transform:translateY(100%);
    -webkit-transform:translateY(100%);
}
.main-content h1 {
  position: relative;
  margin-bottom: 1rem;
  font-size: 70px;
  font-family: "DSG Sans";
  color: #304A9A;
  margin-bottom: 0;
  letter-spacing: 0.085rem;
}

.main-content h1:before {
  content: "";
  display: block;
  width: 80px;
  height: 6px;
  background: #006554;
}

.main-content p {
  margin-top: 0;
}

.back-circle {
  position: relative;
  display: table;
  border: 0.36rem solid #304A9A;
  border-radius: 40px;
  background-color: transparent;
  width: 65px;
  height: 65px;
}

.back-container {
  display: table;
}

.arrow {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.arrow-desc {
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
  font-family: "DSG Sans", sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.08rem;
}

.arrow-left {
  top: 19px;
  left: 23px;
  border: solid #304A9A;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 30%;
  height: 30%;
}

/* Helpers */
.mr-30 {
  margin-right: 30px;
}
.ml-15 {
  margin-left: 15px;
}
.row .col {
  padding-left: 0;
}
.opacitys88 {
  opacity: 0.88;
}