body {
  font-family: Raleway;
  font-size: 20px;
  color: #1F2F5E;
}
body ::-moz-selection {
  background: #a9d3fb;
  color: #ffffff;
}
body ::selection {
  background: #a9d3fb;
  color: #ffffff;
}
body .photo {
  background: url('../img/rebeless-wireless-future-sky.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/rebeless-wireless-future-sky.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/rebeless-wireless-future-sky.jpg', sizingMethod='scale')";
  padding: 0;
  margin: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  display: table;
}
body .photo .text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 15%;
  left: 35%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
body .photo .text h1,
body .photo .text h2 {
  padding: 0;
  margin: 0;
  text-align: center;
}
body .photo .text h1 {
  font-size: 60px;
  margin-bottom: 12px;
}
body .photo .text h2 {
  font-weight: 200;
  font-size: 36px;
}
body .photo .text p {
  padding: 0;
  margin: 0;
  text-align: center;
}
body .photo .text a {
  display: inline-block;
  text-decoration: none;
  padding: 20px;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.25s ease-in-out;
  border-radius: 4px;
  color: inherit;
  margin: 0;
}
body .photo .text a i {
  position: relative;
  transition: all 0.5s ease-in-out;
}
body .photo .text a:hover,
body .photo .text a:active {
  border: 1px solid #ffffff;
  padding: 20px 60px;
  background-color: #ffffff;
}
@media screen and (min-width: 667px) {
  body .photo .text {
    left: 15%;
  }
}