h1{
  font-size: 56px;
}
body {
  font-family: Open Sans;
  font-size: 16px;
text-decoration: none;
  background:
        linear-gradient(
    to top,
    rgba(0,0,0,0),
      rgba(0,0,0,0.2)
    ),

    url("rsz_1rsz_mvimg_20190823_152337.jpg");
  background-repeat: no-repeat;
  opacity:0.95 ;
  background-attachment: fixed;
  background-size: 100% 100%;
  color: black;
  overflow-X: hidden;
}
#intro{
  min-height: 100vh;
  width: auto;
 padding-top: 2%;
  margin-left: 1%;
  position: relative;
}
h1#first_h{
   position: absolute; 
  top: 19%;
  left: 39%;
}
h1#second_h{
position: absolute;
  top: 27%;
  left: 29%;
}
p#introText{
  color: white;
  font-size: 34px;
}
#introduction{
  text-shadow: -1.3px 0 black, 0 1.3px black, 1.3px 0 black, 0 -1.3px black;
  color: white;
  position: absolute;
  top: 40%;
  left: 0.5%;
  font-size: 34px;
  font-weight: 600;
}
p.author{
  font-size: 28px;
  color: white;
  font-weight: 600;
  position: absolute;
  top: 61%;
  left: 44.5%;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#map{
  background-image:none;
  
}
#map_plastic_container{    
transform: scale(1.1);
  margin-left: 0;
   margin-top: 9%;
  margin-bottom: 12%;
 margin-right: 25%;
}
#map_plastic{
margin-left: 0;
   margin-top: 6%;
  margin-bottom: 0;
 margin-right: 0;

}
#kansas_city_package{
 position: absolute; 
  top: 32%;
  left: 29%;
  cursor: pointer;
  width: 100px;
}
#marker_image{
  position: absolute;
 bottom: 85%;
  transform: scale(1);
  display: block;
}
img.marker{
  width: 70%;
  height: auto;
 	display: block;
}
img.marker_1{
  display: block;
}

img#bar_st_peters{
  width: 70%;
  height: auto;
  display: block;
}
img.marker_1{
  width: 20%;
  height: auto;
  display: block;
}
#springfield_package{
  position: absolute;
  bottom: 44%;
  left: 36%;
  cursor: pointer;
  width: 25%;
}
#springfield_text{
  position: absolute;
  top: 98%;
 left: 0;
}
#st_louis_package{
  position: absolute;
    top: 34.2%;
left: 62.5%;
 
 width: 100px;
}
#st_peters_package{
  position: absolute;
  top: 24%;
  left: 57%;
  cursor: pointer;
  margin: 1%;
  width: 100px;
}
#jefferson_package{
  position: absolute;
  top: 38%;
  left: 50%;
  cursor: pointer;
  margin: 1%;
  width: 100px;
}

.box_los_angeles{
  top: 36%;
  left: 8%;
}
.box_atlanta{
  top: 70%;
  left: 70%;
}
.box_houston{
  bottom: 15%;
  left: 40%;
}
.box_pacific_northwest{
  top: 12%;
  left: 12%;
}

#plastic_prices{
 margin-top: 3%;
   padding: 0 0 0 35%;
  position: relative;
}
#last_text{
  margin-top: -15%;
}
p.explanation_map{
  padding-top: 2%;
}
#energy{
  display: block;
}