body{
  font-family:'arial';
  background-color:#252424;
  background-image:url("../../assets/img/ben_white.svg");
  background-repeat:no-repeat;
  background-size:200%;
  background-position:top center;
}

@media (max-width:991px) {
  body{
    background-size:400%;
  }
}

@media (max-width:767px) {
  body{
    background-size:600%;
  }
}

div.logo-container{
  width:334px;
  margin:0 auto;
  margin-top:15vh;
  overflow:hidden;
}

@media (max-width:767px) {
  div.logo-container{
    width:230px;
    margin:0 auto;
    margin-top:10vh;
    overflow:hidden;
  }
}

.logo-container p{
  margin-top:70px;
  color:rgb(203,191,176);
  font-size:13px;
  font-family:monospace;
}

img{
  width:100%;
}

p.hellothere{
  color:#ffffff;
  font-size:36px;
  text-align:center;
}

@media (max-width:767px) {
  p.hellothere{
    color:#ffffff;
    font-size:22px;
    text-align:center;
    padding:0px 20px 0px 20px;
  }
}

.introduction{
  margin-top:90px;
  text-align:center;
}

div.col-lg-10.col-lg-offset-1.col-md-10.col-md-offset-1.col-sm-10.col-sm-offset-1.col-xs-12.intro-col{
  text-align:center;
}

div.pattern{
  position:absolute;
  background-image:url("../../assets/img/ben_white.svg");
  background-repeat:no-repeat;
}

footer{
  background-image:url("../../assets/img/ben_white.svg");
}

p.myhandle{
  color:#ffffff;
  font-size:20px;
}

div.row.footerstuff{
  margin-top:50px;
}