*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body { font-family: 'Nunito', sans-serif; color: #384047; }

.wrapper {max-width: 90%; margin: 10px auto; padding: 10px 20px; background: #fff; }

h1 {font-family: 'Merienda One', cursive; margin: 10px 0;  text-align: center;}

h2, h3 {font-family: 'Nunito', sans-serif; text-align: center; margin:5px;}

ul {list-style: none; margin:0; padding:10px;}
ul li {font-size: 1.2em;}
img {width: 100%; margin:0;}
.heading    { background-color: #FFF; z-index:1; }
.globalNav img {max-width: 250px; float: left; margin-left: 50px; border: none;}
.globalNav a {text-decoration: none; font-size: 1.2em; color: #553e72; }
.globalNav img {max-width: 25%; padding-right: 10px; margin-top:5px; }
.footer     { background-color: #b7c0c7; }
.title    {background: #dfe2e4; text-align: center; display: block;}
.heading {padding: 10px;}
video, audio {margin: 0 auto; display: block;  width: 852px;}
.description {margin: 0 auto; max-width: 1000px; }
/* Media Queries*/

@media (min-width: 1px) and (max-width: 768px) {.globalNav {margin-top: -20px;} .globalNav img {float: none; max-width: 100%; padding:0; margin:0;}  video {width: 100%; margin: 10px auto;} .description {margin-left: 20px;}}

@media (min-width: 769px) {body {padding-top: 120px; padding-left: 20px;} 
.wrapper {padding: 0 30px;} 
.heading {position: fixed;top: 0;width: 80%;height: 120px;}
.logo:first-child {margin-right: auto; -webkit-flex-grow:1.5; -moz-flex-grow:1.5;-ms-flex-grow:1.5; flex-grow:1.5;}
.col {width: 30%;display: inline-block;margin-right: -5px;vertical-align: top;} 
.notes {padding-left: 20px;}
.no-flexbox .col {float: left; width: 33.3%;} 
.method {width: 40%;}
.feat-img {margin: 0 auto;}}