* {
  box-sizing: border-box;
}


      body
        {
        background-color: #F4E1CD;
        font-family: "verdana";
        font-size: 14px;
        color: #98746a;
        }
       a, a:link,  a:visited, a:hover, a:active 
         {
         color: #98746a;
         }
      .blockdiv
        {
        border: none;
        display: block;
        overflow: hidden;
        position: relative;
        }
      .allcontentwrapper
        {
        max-width: 1200px;   
        min-width: 400px;
        height: 5000px;
        margin: auto;
        padding: 100px 5px 0;
        text-align: right;
        }  
      .titlewrapper
        {
        max-width: 1150px;   
        min-width: 400px;
        margin: auto;
        padding-left: 50px;
        text-align: left;
        font-size: 35px;
        color: #98746a;
        }  
      .giraffe
        {
        display: inline-block;
        width: 521px;
        height: 1150px;
        background-image: url('../giraff.png');
        }  
      .headdiv
        {
        width: 100%;
        margin: 0;
        } 
      .giraffehead
        {
        display: block;
        overflow: hidden;
        position: relative;
        width: 150px;
        margin: 0 0 0 70px;
        } 
      h1
        {
        font-family: "verdana";
        font-size: 60px;
        color: #98746a;
        clear: both;
        margin: 0 0 0 0px;
        }  
      h2
        {
        font-family: "verdana";
        font-size: 40px;
        color: #98746a;
        clear: both;
        margin: 0 0 0 20px;
        }  
      .picturediv
        {
        position: absolute;
        text-align: left;
        top: 190px;
        left: 50px;
        width: 90%;
        }  
      .footer
        {
        text-align: center;
        width: 100%;
        margin: 80px 0;
        padding: 20px 0 20px 0;
        background-color:  #98746a;
        color: #ffffff; 
        }  
      #butterfly
        {
        position:absolute;
        z-order: 1000;
        }