body { background: #9dcf32;   font-family: "museo-sans-rounded",sans-serif;
}

#wrapper { width: 990px; margin: auto; background: url(./i/tree-bg.png) no-repeat left 30px center; min-height: 753px;}

#mainholder { width: 70%; float: right; margin: 227px 0 0 0;}

h1 { color: #fff; font-size: 40px; text-transform: uppercase; position: relative; text-align: center;}
h1:before { position:absolute; content: ''; height: 115px; width: 201px; background: url(./i/404-magnif.png) no-repeat; top: -143px; left: 251px;}

p { color: #fff; font-size: 19px; text-align: center; font-weight: 100; line-height: 1.579; margin: 27px 0 12px -29px; letter-spacing: 0.02em;}

p.apol { margin:  34px 0 0 14px; }

a.contact-button { width: 342px;  height: 55px; line-height: 55px; background: #669500; display: block; text-align: center; color: #fff; margin: 46px auto 0; box-shadow: 0 0 0 2px #FFFFFF; font-size: 18px; text-transform: uppercase; text-decoration: none; margin-left: 182px;transition: 1s;}

a.contact-button:hover { background: #fff; color: #669500; transition: 1s;}

#logo { background: url(./i/greenhouse-logo.png) no-repeat; height: 49px; width: 246px; display: block; margin: 27px 0 0 231px;}


@media only screen and (max-width: 770px) {

#wrapper { width: 100%; background: none; min-height: 500px;}
#mainholder { width: 100%;  margin-top: 150px}
h1 { margin: 0 auto 20px; }
h1:before { left: 0; right: 0; margin: auto; top: -120px;}

p { margin: auto !important; }
a.contact-button  { margin: 15px auto; width: 90%}


#logo { margin: 10px auto; }

}