header {
  margin: 0 auto;
  padding: 0.5rem 0;
}

header h1 {
  font-weight: 800;
}

.purple {
  color: purple;
}

.orange {
  color: orangered;
}

.underlined {
  text-decoration: underline;
}

#masthead {
  background: purple;
  color: white;
  margin: 0 auto;
  padding: 0.5rem;
}

#masthead p {
  font-size: 1rem;
  margin: 0 auto;
  padding: 0;
}

main {
  margin: 0 auto;
  padding: 1.5rem 0.5rem;
  background-color: #f0f0f0;
}

.survey-intro {
  border: 2px solid #555;
  margin: 0 auto 1.5 auto;
  padding: 1rem 1rem 0.5rem 1rem;
}

.survey-intro,
.survey-question {
  background-color: #ffffff;
}

.survey-intro h2 {
  font-weight: 700;
  margin: 0 auto 0.5rem auto;
  padding: 0;
}

.survey-intro p {
  font-size: 1 rem;
  margin: 0 auto 0.5rem auto;
  padding: 0;
}

.survey-question {
  display: none;
  border: 2px solid #555;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1rem 0.5rem 1rem;
}

.survey-question p {
  font-size: 1rem;
  margin: 0 auto 1rem auto;
  padding: 0;
}

.btn-purple {
  background-color: purple;
  color: white;
}

.btn-purple:focus,
.btn-purple:hover {
  background-color: orangered;
  color: white;
}

#q1 {
  display: block;
}

.offer {
display:flex;
margin:2.4rem auto;
width:95%;
cursor:pointer;
box-shadow:4px 4px 6px rgba(0,0,0,0.3);
border-radius:10px;
transition:all .1s ease-in-out;
}

.offer:hover {
transform:scale(1.03);
}

.offer-image,.offer-description,.offer-button {
display:inline-flex;
position:relative;
width:100%;
height:225px;
margin:0 auto;
border:0;
flex-direction: row;
}

.offer-image,.offer-button {
justify-content:center;
align-items:center;
padding:0;
}

.offer-image {
max-width:23.44%;
height:225px;
background-color:#333;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}

.offer-description {
max-width:68.75%;
flex-direction:column;
justify-content:center;
align-items:flex-start;
background-color:#fff;
}

.offer-description h2,.offer-description p {
margin-top:0;
padding:0 1rem;
}

.offer-description h2 {
font-size:1.8rem;
font-weight:700;
line-height:2.2rem;
margin-bottom:.5rem;
color:#3f3f3f;
}

.offer-description p {
font-size:1.1rem;
font-weight:400;
line-height:1.65rem;
margin-top:.5rem;
margin-bottom:0;
color:#404040;
text-align:justify;
}

.offer-description i {
color:#f9d71c;
}

.offer-button {
max-width:8%;
background-color:purple;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
}

.offer-button i {
font-size:3em;
margin:0;
padding:0;
color:#fff;
}

#gedeon-keto .offer-image {
  background-image: url(../img/keto-bg.jpg);
}

#watch-trial .offer-image {
  background-image: url(../img/watch-trial.png);
}

#cannaboost .offer-image {
  background-image: url(../img/cbd.png);
}

#credit-essentials .offer-image {
  background-image: url(../img/credit.png);
}

footer {
  margin: 0 auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #333;
  color: #fff;
}

footer p {
  font-size: 0.85rem;
  font-weight: 300;
  margin: 0.25rem auto;
  padding-top: 0;
  padding-bottom: 0;
}

footer a {
  color: #ffffff;
}

footer a:focus,
footer a:hover {
  color: orangered;
}

@media only screen and (max-width: 800px) {
  header h1 {
  font-size:1.15rem;
  text-align:center;
  }
  
  .intro .container h2 {
  font-size:1.35rem;
  }
  
  .intro .container p {
  font-size:1.2rem;
  font-weight:400;
  }
  
  .offer {
  box-shadow:4px 4px 8px rgba(0,0,0,0.3);
  flex-direction:column;
  }
  
  .offer:hover {
  transform:scale(1);
  }
  
  .offer-image {
  display:none;
  }
  
  .offer-description,.offer-button {
  display:flex;
  position:relative;
  width:100%;
  max-width:100%;
  padding-top:1.5rem;
  padding-bottom:1.5rem;
  }
  
  .offer-description {
  height:auto;
  }
  
  .offer-description h2 {
  font-size:1.4rem;
  line-height:2rem;
  margin-bottom:.15rem;
  }
  
  .offer-description p {
  font-size:1.2rem;
  line-height:1.5rem;
  margin-top:.85rem;
  }
  
  .offer-button {
  height:auto;
  margin:0 auto;
  padding:.75rem 0 .5rem;
  border-radius:0;
  }
  }