.banner {
  width: 100%;
  text-align:center; 
}
.banner h1 {
  margin:10px;
  font-size: clamp(2.75rem, 9vw, 3.5rem);
  line-height: 100%;
  color: #FF0000;
}

p.areyou {
  font-size:115%;
  font-weight:bold;
  text-align:left;
  margin-left:-15px;
}

.questions { text-align: center; }
.questions ul {
  display: inline-block;
  padding-left:20px;
  font-size: clamp(1.1rem, calc(0.9rem + 1.7vw), 1.65rem);
  font-weight: bold;
  text-align: left;
}
.questions li {
  margin-bottom:5px;
  line-height: 120%;
}
.questions li span {
  font-weight: bold;
  color:green;
}

.discover {
  width:100%;
  margin: 10px 0px 0px 0px;
  font-size: clamp(1rem, calc(0.8rem + 4vw), 2.36rem);
  font-weight: bold;
  line-height: 110%;
  text-align: center;
}
.discover span.red { color: red; }
.discover span.nobold {
  font-size: 75%;
  font-weight: normal;;
}
.discover-tag {
  margin-top:10px;  
  font-size: clamp(1.08rem, calc(0.95rem + .55vw), 2.5rem);
  font-style: italic;
  font-weight: normal;
  line-height: 1.2;
}

.logos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}

.costco {
  display: grid;
  place-items: center;
  margin:15px 0px 25px 0px; 
}
.netflix {
  display: grid;
  place-items: center;
}
.doesit { font-size:125%; }

.youcan {
  width:200px;
  margin:auto;
  margin-top:15px;
}
.youcan p {
  margin: 5px 0px 0px 0px;
  padding-top: 0px;
  font-size: 160%;
  text-align: center;
}

.attract {
  display: grid;
  place-items: center;
  width:100%;
  margin-top: 35px;
  text-align: center;
}

.increase {
  display: grid;
  place-items: center;
  width:100%;
  margin-top: 25px;
  text-align: center;
}

.attract p,
.increase p {
  display: inline-block;
  border: 1px dashed darkgreen;
  width: 65%;
  max-width: 18rem;
  padding: 0.35em 0.75em;
  margin: 0;
  font-size: 125%;
  transform: rotate(-15deg);
}

.redarrow_top {
  display: grid;
  place-items: center;
  margin-top:15px;
}
.redarrow_bottom {
  display: grid;
  place-items: center;
  margin-top: 30px;
}
.redarrow_bottom img {
  display: block;
  margin: 0 auto;
}

.redarrow_bottom { display: grid; }
.rarrow, .larrow { display: none; }

.videolink {
  margin:20px 0px 40px 0px;
  padding:0px;
  font-size: clamp(1.1rem, calc(0.9rem + 3vw), 2.1rem);
  font-weight: bold;
  font-variant: small-caps;
  text-align:center;
}

@media (min-width: 640px){
  .redarrow_bottom { display: none; }
  .rarrow, .larrow { display: block; margin-top: 30px; }
  .cta-row{
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;
    align-items: center;
    column-gap: 1.5rem;
    margin-bottom:40px;
  }
  .videolink { margin-top: 65px; }
}