body{
  background-color: #fff;
  color: #2C2A55;
  font-family: 'Rambla', sans-serif;
  margin: 0;
  padding: 0;
}

a{
  text-decoration: none;
  color: #FFF;
  border-radius: 10px;
  background-color:rgba(0, 0, 0, 0.3);
}

a:hover{
  background-color: #D3D3D3;
  color: #2C2A55;
  -webkit-transition: color .8s;
  transition: color .8s;
  -webkit-transition: background-color .8s;
  transition: background-color .8s;
}

.content{
  width: 100%;
  margin: 0 auto;
  padding-top: 2rem;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-image: url("img/VW_SUBARuU.jpg");
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.top{
  width: 80%;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.bottom{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  width: 90%;
  margin-bottom: 25rem;
}

.call_to_action{
  font-style: italic;
}
.step_one_logo,
.volkswagen_logo,
.subaru_logo{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}

.volkswagen_logo,
.subaru_logo{
  width: 40%;
}

.step_one_logo img,
.volkswagen_logo img,
.subaru_logo img{
  width: 100%;
}


@media all and (max-width: 750px) {

  .content{
    background-image: url("img/VW-SUBARU-MOBILe.jpg");
  }

  .top{
    width: 80%;
  }
  .volkswagen_logo,
  .subaru_logo{
    width: 80%;
    margin:1rem;
  }

}

@media all and (max-width: 500px) {

  .top{
    width: 95%;
  }
  .volkswagen_logo,
  .subaru_logo{
    width: 95%;
  }

  h1{
    font-size: 1.5rem;
  }

  h2{
    font-size: 1rem;
  }
}