body{  /* background settings */
background-image: url('logo.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 50%;
background-color: black;
}
.container {
  position: relative;
}
.center{
 position: absolute;
 top: 20%;
 width: 100%;
 text-align: center;
 font-size: 100px;
 color: #e15712;
}

img {
width: 100%;
height: auto;
opacity: 0.5;
}

.container {
  position: relative;
}
.center{
 position: absolute;
 top: 20%; 
 width: 100%;
 text-align: center;
 font-size: 100px;
 color: #e15712;
}

img {
width: 100%;
height: auto;
opacity: 0.5;
}

.button {
 display: inline-block;
 border-radius: 50px;
 background-color: #f4511e;
 border: none;
 color: #FFFFFF;
 padding: 0.8%;
 text-align: center;
 font-size: 28px;
 font-family: "Oswald";
 width: 250px;
 transition: all 0.4s;
 cursor: pointer;
 margin-top: 25%;
 margin-bottom: 22%;
 margin-left: 5%;
 margin-right: 2%;
}
.button  span {
 cursor: pointer;
 display: inline-block;
 position: relative;
 transition: 0.5s;
 color: #FFFFFF;
}
.button span:after {
 content: '\00bb';
 position: absolute;
 opacity: 0;
 top: 0;
 right: -20px;
 transition: 0.5s;
}
.button:hover span {
 padding-right: 25px;
}
.button:hover span:after {
 opacity: 1;
 right: 0;
}
 div.fixed {
 position: fixed;
 width: 101%;
 bottom: 5%;
 color: #f4511e;
 text-align: center;
 font-size: 250%;
 font-family: "Impact";
 }
 a:link {
  color: #f4511e;
  background-color: transparent;
  text-decoration: none;
  margin-left: 10%;
  margin-right: 10%;
}
a:visited {
  color: #f4511e;
  background-color: transparent;
  text-decoration: none;
 }
a:hover {
  color: #f4511e;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: #f4511e;
  background-color: transparent;
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
    .button {
        display: inline-block;
        border-radius: 50px;
        background-color: #f4511e;
        border: none;
        color: #FFFFFF;
        padding: 2.5%;
        text-align: center;
        font-size: 28px;
        font-family: "Oswald";
        width: 300px;
        transition: all 0.4s;
        cursor: pointer;
        margin-top:30%;
        margin-bottom: 2%;
        margin-left: 5%;
        margin-right: 2%;
       }
       body{  /* background settings */
        background-image: url('logo.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: 50% 45%;
        background-color: black;
        background-size: 500px 470px;
      }
      div.fixed {
  position: fixed;
  width: 101%;
  bottom: 5%;
  color: #f4511e;
  text-align: center;
  font-size: 150%;
  font-family: "Impact";
 }
}