/*   Responsive Section */
#headline {
 font-size: 3.5rem;
}
#subhead {
 font-size: 2.8rem;
 color: black;
}
#voice {
 left: 200px;
 width: 50%;
 -webkit-transform: rotate(-10deg);
 -moz-transform: rotate(-10deg);
 -o-transform: rotate(-10deg);
 -ms-transform: rotate(-10deg);
 transform: rotate(-10deg);
 margin: 100px;
}

#shane {
 margin: 50px;
}

#reply {
 padding: 50px;
 padding-left: 0;
 float: left;
 width: 70%;
 z-index: -10;
}
#heart {
 width: 30%;
 float: left;
 padding-right: 40px;
}
@media (max-width: 600px) {
 #headline {
  font-size: 2.5rem;
 }
 #subhead {
  font-size: 2rem;
  color: black;
 }
 .newsreader-banksy {
  font-family: "Newsreader", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 2rem;
 }

 .marquee {
  display: none;
 }
 .hero {
  padding-top: 0px;
 }
 .g-logo {
  position: absolute;
  top: 0;
 }
 .happening-now {
  height: 0px;
 }
 .happening-btn {
  box-shadow: 3px 8px 7px 0px rgba(0, 0, 0, 0.72);
  max-width: 100%;
 }
 .floater-cross-street {
  /* float: right;
  margin-left: 0px;
  margin-right: 0px;
  width: 430px;
  margin: 20px; */
  display: none;
 }
 #green_splat {
  right: -200px;
  width: 50%;
  left: 0px;
  float: right;
  top: 2300px;
  opacity: 0.3;
 }

 #green_splat2 {
  left: 0px;
 }

 #green_splat3 {
  left: 0px;
 }

 #spray_green {
  width: 400px;
 }

 #spray_green2 {
  position: absolute;
  top: 639px;
  left: -260px;
  opacity: 0.5;
  z-index: -10;
 }
 #omar {
  width: 100%;
 }
 #shane {
  margin: 20px;
  width: 90%;
 }
 #heart {
  width: 80%;
  float: left;
  padding-right: 40px;
 }
 #cross-street {
  margin-right: -20px;
  width: 410px;
 }
 #voice {
  left: 200px;
  width: 70%;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  margin: 40px;
 }
 #reply {
  padding: 20px;
  float: none;
  width: 100%;
  z-index: -10;
 }
 #jazz img {
  border-style: none;
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 20px;
 }
 #rock_roll img {
  border-style: none;
  display: inline-block;
  width: 100%;
  height: auto;
  margin-top: 20px;
 }
 iframe #guernsey_promo {
  width: 100%;
 }
 iframe {
  border: 0;
  width: 100%;
 }
 .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: 0;
  margin-left: 0;
 }
 #about_row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: 0;
  margin-left: 0;
 }
}

@media (min-width: 768px) {
 .container,
 .container-md,
 .container-sm {
  min-width: 900px;
 }

 #green_splat {
  right: -200px;
  width: 50%;
  left: 270px;
  float: right;
  top: 2300px;
  opacity: 0.3;
 }

 #green_splat2 {
  left: 300px;
 }

 #green_splat3 {
  left: 300px;
 }

 #spray_green {
  left: 130px;
 }
 #cross-street {
  margin: 20px;
 }
}
@media (min-width: 1024px) {
 .happening-btn {
  box-shadow: 3px 8px 7px 0px rgba(0, 0, 0, 0.72);
  max-width: 80%;
 }
}
@media (min-width: 990px) and (max-width: 1199px) {
 header {
  max-width: 1199px;
 }

 .floater-cross-street {
  margin-bottom: 30px;
 }

 #green_splat {
  right: -200px;
  width: 50%;
  left: 500px;
  float: right;
  top: 2300px;
  opacity: 0.3;
 }

 #green_splat2 {
  right: -200px;
  width: 50%;
  left: 50px;
  float: left;
  top: 7990px;
  opacity: 0.3;
  z-index: -10;
 }

 #green_splat3 {
  left: 290px;
 }

 #spray_green {
  top: 5000px;
  left: 230px;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-100deg);
  opacity: 0.3;
 }
}