*{
  background-color: #white;
}
h1{
  color: #333333;
font-family: 'Roboto', sans-serif;
  margin-left: 9%;
  background-color: white;
  margin-top: 3%;
  position: relative;
}
.btn.btn-primary{
  margin-left: 30%;
  margin-bottom: 5%;
}

h2{
  color: #333333;
font-family: 'Roboto', sans-serif;
  margin-left: 8%;
}
h3{
  color:#333333;
font-family: 'Roboto', sans-serif;
  margin-left: 8%;
}
p{
  color: #333333;
font-family: 'Roboto', sans-serif;
  margin-left: 8%;
  margin-right: 8%;
}

@media screen and (min-width: 700px) {

  h2{
    color: #333333;
font-family: 'Roboto', sans-serif;
    margin-left: 8%;
  }
  h3{
    color:#333333;
  font-family: 'Roboto', sans-serif;
    margin-left: 8%;
  }
  p{
    color: #333333;
  font-family: 'Roboto', sans-serif;
    margin-left: 8%;
    margin-right: 8%;
  }
  img{
    margin-top: 5%;
    width: 50%;
    height: 50%;
    margin-left: 22%;
    margin-bottom: 5%;
  }
  .btn.btn-primary{
    margin-left: 41%;
    margin-bottom: 5%;
  }