*{font-family:'Roboto', sans-serif;box-sizing:border-box; font-size:4.5vw; font-weight:300;}
html{height:100%;margin:0;padding:0;width:100%;}
body{position:relative;margin:0;padding:0;width:100%;min-height:100%;overflow-y:overlay}
*,
*:before,
*:after{box-sizing:inherit;}
#logo{background-color:#000;background-image:url('../images/mdblogo.png');margin:auto;text-align:center;width:75%vw;height:20vh;min-width:240px;min-height:96px;background-size:60vw;background-position:7vw;background-repeat:no-repeat;}
.icon{width:32px;height:auto;vertical-align:middle;margin-bottom:0.25em;}
#searchform{margin:15vh auto 15vh auto;text-align:center;}
#result_template{display:none;}
	b{font-weight:500;}
input,
textarea{font-size:25px;padding:0.5em;font-weight:300;width:97%;}
#query{padding:0.5em;font-weight:300;font-size:20px;outline:none;margin:1em;width:75vw;max-width:25em;}
button{font-size:20px;padding:0.5em 1em;background-color:#000;color:#fff;border:none;font-weight:100;margin:0.5em;cursor:pointer;}
a{color:#000;text-decoration:none;margin-bottom:-1px;font-weight:500;}
a:hover{border-bottom:solid 1px #000;display:inline-block;color:#000;text-decoration:none;}
#ingredients{padding:1em;border:solid 1px #ccc;max-width:100%;}
#ingredients p{font-family:Arial;}
.kw{font-weight:100;}
h4,h3,h2{font-weight:500;}
#wrapper{position:relative;font-weight:100;font-size:1.7rem;padding-bottom:6rem;}
main{margin:auto;max-width:1200px;padding-left:1em;padding-right:1em;}
footer{position:fixed;background:#000;bottom:-300px;text-align:center;width:100%;padding-top:1em;}
footer ul{max-width:1200px;margin:auto;padding:0;margin-bottom:1em;}
.footerlink{display:inline-block;padding-bottom:1em;width:12em;}
.footerlink a{color:#fff;font-weight:100;}
#wait{display:none;width:4vw;min-width:32px;}
#thanks{display:none;}
#searchform.resultsform{margin:0px}
#query.resultsquery{width:30vw;max-width:30vw;}
@media screen and (max-width:810px){.footerlink{width:100%;}
li.footerlink>a{font-size:3.5vw;}
h2{font-size:7vw; font-weight:500;}
p{font-size:5vw;}
#searchform{margin:5vh auto 5vh auto;}
button{font-size:12pt;}
#query{font-size:12pt;}
#wrapper{padding-bottom:18rem;}
input,
textarea{width:95%;}
}
@media screen and (orientation:portrait){#burgermenu{margin:0.5em;width:12vw;height:12vw; max-width:64px; max-height:64px;position:absolute;right:0;top:4.5vh; border:solid 1px #fff;padding:1px;}
}
@media screen and (orientation:landscape){
.footerlink{width:19%;padding-bottom:0.5em;}
* {font-size:1.3vw; font-weight:300;}
a {font-weight:500;}
h2,h3 {font-size:2vw;}
li.footerlink>a{font-size:1.9vw}
#query{font-size:18px;}
footer{bottom:0em;}
#logo {background-size:contain;background-position:center;}
#ingredients {max-width:50%;}
#burgermenu{display:none;}

}

@media screen and (min-width:1400px){li.footerlink>a{font-size:20pt;}
.icon{width:auto;height:auto;max-width:64px;}
input,
textarea{width:100%;}
}