body {margin:0px;font-family:'Lato', arial;font-size:16px;}

#topleft {position:absolute;top:0px;left:0px;width:100px;height:auto;}
#bottomright {position:absolute;bottom:0px;right:0px;width:100px;height:auto;}
#contentarea {text-align:center;position:relative;padding:20px;}
a#logo {width:170px;display:block;margin-left:auto;margin-right:auto;margin-bottom:120px;}
a#logo img {width:100%;height:auto;}
#introfeature {position:relative;background:#cce5d8;padding:30px;}
#introfeatureimage {max-width:100%;position:relative;margin-top:-150px;height:auto;display:block;width: 202px;margin-left:auto;margin-right:auto;}
h1 {font-size:24px;text-transform:uppercase;font-style:italic;color:#007f3d;}
h2 {font-size:18px;text-transform:uppercase;font-style:italic;}
.buysubline {text-transform:uppercase;color:#007f3d;font-size:13px;}
a.button {background:#333;color:#fff;text-transform:uppercase;font-style:italic;font-weight:700;text-decoration:none;padding:10px 20px;border-radius:5px;display:block;margin:10px 0px 0 0 ;}
a.button:hover {background:#111;}
a.button.buttongreen {font-size:20px;background:#007f3d;}
a.button.buttongreen:hover {background:#005428;}
a.button:after {line-height:16px;font-style:normal;padding-left:10px;font-size:22px;content:'\f105';font-family:'FontAwesome';color:#fff;}
ul.ticks {padding:20px 0;text-align:left;font-size:18px;margin:0px;list-style-type:none;}
ul.ticks li {position:relative;padding:5px 0 5px 30px;}
ul.ticks li:before {font-size:22px;content:'\f00c';font-family:'FontAwesome';color:#007f3d;position:absolute;top:2px;left:0px;display:block;}
#contentexamples img {width:200px;height:auto;display:inline-block;margin:0 20px 20px 20px;}
body, html {height:100%;}
.pagewrap {min-height:100%;position:relative;}
#promoglymac {margin:20px auto;display:block;}
    #promoglymac {position:absolute;top: 250px;right: 30px;width: 110px;}

@media all and (min-width:580px){
    #contentarea {text-align:left;}
    #introfeatureimage {width:200px;position:absolute;left:-60px;margin-top:0;top:-40px;}
    #introfeature {padding-left:150px;padding-top:10px;margin:0 0 20px 50px}
    a.button {display:inline-block;}
    a.button {font-size:20px;}
    a.button.buttongreen {margin-right:20px;}
    a#logo {width:250px;margin-left:200px;margin-bottom:20px;}
    #topleft {width:200px;}
    #contentlist {margin-left:200px;}
    #contentexamples {text-align:center;}
    #bottomright {width:200px;}
    #promoglymac {position:absolute;top:330px;left:40px;width:150px;right: auto;}
   
}
@media all and (min-width:800px){
    #promoglymac {position:absolute;top:330px;left:200px;width:200px;}
    #mobilecta {display:none;}
    a#logo {margin-left:400px;}
    #contentexamples {padding-top:60px;}
    .landing-kamba #introfeatureimage {width:350px;top:-110px;}
    #introfeatureimage {width:400px;top:-110px;}
    .landing-woody #introfeatureimage {width:380px;top:30px;}
    #introfeature {padding-left:350px;}
    #contentlist {margin-left:400px;}
    #contentarea {margin-right:50px}

}
@media all and (min-width:900px){
    #promoglymac {position:absolute;top:280px;left:200px;width:200px;}
}
@media all and (min-width:1260px){
    #promoglymac {left:250px;}
    #topleft {width:auto;}
    #bottomright {width:auto;}
	#contentexamples img {width:auto;}
	#contentarea {max-width:1180px;margin-left:100px;}
    #introfeatureimage {width:auto;top:-130px;}
    .landing-woody #introfeatureimage {width:470px;top:-30px;}
    #introfeature {padding-left:400px;}
    .landing-woody #introfeature {padding-left:440px;}
    h1 {font-size:36px;margin-bottom:0px;margin-top: 6px;}
    h2 {font-size:26px;margin-top:10px;margin-bottom:10px;}
    a.button, a.button.buttongreen {padding:15px 35px;font-size:22px;}
    .buysubline {font-size:12px;}
    a#logo {margin-left:450px;}
    #contentlist {margin-left:450px;}
    ul.ticks li {font-size: 22px;padding-bottom:16px;}
    ul.ticks li:before {top:7px;}

    }