@CHARSET "ISO-8859-1";

body {
  overflow-x: hidden;
}

h1.title {
  margin-bottom: 8px;
}

.content {
  position: relative;
}
  
.content h3 {
  color: #f34f8b;
  position: absolute;
  font-size: 3em;
  font-family: "Helvetica";
  text-align: center;
  top: 5%;
  left: 45%;
  transform: translate(-40%, 0);
}

#myImage2 {
  position: absolute;
  left: calc(50% - 84px);
  top: 11%;
}

@media screen and (max-width: 1020px) {
  #imageContainer {
    width: 98vw;
    text-align: center;
    height: 300px;
    overflow: hidden;
  }
  
  #myImage {
    position: relative;
    left: 100%;
    margin-left: -200%;
    object-fit: cover;
  }
  
  .content h3 {
    display: none;
  }
  
  #myImage2 {
    top: 225px;
    left: calc(50% - 80px);
  }
   
  .region-content .content {
    width: 95vw;
  }
  
  /* SHE Media footer */
  #block-block-38 {
    display: none;
  }
}

@media screen and (max-width: 580px) { 
  #page-title {
    margin-bottom: 10px;
    text-align: left;
  }
}

@media screen and (max-width: 500px) {
  
  #node-9306 {
    margin-top: 65px;
  }
  
  div#pink-div {
    height: 51px;
    background-color: #EEC5D7;
    width: 100vw;
    margin-top: -50px;
    margin-bottom: -5px;
  }
  
  #myImage2 {
    left: calc(50% - 80px);
    top: 260px;
  }
}

@media screen and (max-height: 675px) and (max-width: 500px) {   
  .content h3 {
    top: 15%;
  }
  
  div#imageContainer {
    margin-top: 0px;
  }
  
  #myImage2 {
    bottom: -25px;
  }
 
  div#imageContainer {
    margin-top: 0px;
  }
}