.bigpicture {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.macawcontainer {
  position: relative;
  float: left;
  clear: both;
  z-index: 1;
  width: 100%;
  height: 1000px;
  margin-top: -90px;
}

.spirit {
  display: block;
  position: relative;
  float: right;
  z-index: 2;
  width: 494px;
  height: auto;
  margin: 74px 5% 0 0;
  overflow: hidden;
}

.textheadergreen {
  float: left;
  width: 80%;
  height: 30px;
  margin: 47px 0 0 10%;
  font: normal 2.563em/1.38 Zapfino; 
  color: rgb(17, 224, 31);
}

@media(max-width: 768px) {
  .macawcontainer {
    position: relative;
    z-index: 1;
    height: 722px;
    margin-top: -60px;
  }

  .macawcontainer .bigpicture {
    height: auto;
  }

  .spirit {
    position: relative;
    clear: both;
    z-index: 2;
    width: 320px;
    height: auto;
    margin-top: 0;
  }

  .macawcontainer .textheadergreen {
    margin-top: 55px;
    font-size: 20px;
  }
}

@media(max-width: 480px) {
 

  .macawcontainer {
    position: relative;
    z-index: 1;
    width: 99.7916666666%;
    height: 655px;
    margin-top: -33px;
  }

  .macawcontainer .bigpicture {
    height: auto;
  }

  .spirit {
    position: relative;
    z-index: 2;
    width: 200px;
    height: auto;
    margin-right: 2.99805%;
  }

  .macawcontainer .textheadergreen {
    margin-top: 30px;
  font: normal 0.563em/0.38 Zapfino;   
    font-size: 8px;
  }
}