body,header,nav,main,footer,img,h1,h2,h3,ul,figure,figcaption,video{margin:0;padding:0;border:0}body{background-color:#99f9ff}#wrapper{width:90%;margin:0 auto;background-color:#eafcff}.mobile,.mobile-tablet{display:block}.tab-desk,.desktop,.nav-desk,#nav-links{display:none}.mobile{text-align:center;padding:.25em 0 .5em}.mobile h1{color:#340e0e;font-size:1.6em;margin:0}.mobile h3{color:#340e0e;font-size:1em;margin:0}nav{background-color:#340e0e}.mobile-nav{display:block;background-color:#340e0e;min-height:55px;position:relative}#nav-links{padding-top:55px}.mobile-nav a{color:#f6eee4;text-align:center;font-size:1.5em;text-decoration:none;padding:3%;display:block}.mobile-nav a.nav-icon{display:block;position:absolute;left:0;top:0;color:#f6eee4;padding:2%}.mobile-home{position:absolute;top:0;left:50%;transform:translateX(-50%);color:#f6eee4;text-decoration:none;font-size:1.3em;font-weight:700;padding:.75em 0;width:60%;text-align:center}#icon{font-size:1.5em;color:#f6eee4}main{padding:2%;background-color:#eafcff;font-family:Verdana,Arial,sans-serif}main h2{text-align:center;color:#340e0e;background-color:#f6eee4;padding:1%;border-radius:8px}main p{font-size:1.15em;line-height:1.5}.content-box{background-color:#f6eee4;border:3px solid #340e0e;padding:2%;margin:2% auto;border-radius:10px}.action a{color:#340e0e;background-color:#f6eee4;padding:.5em 1em;border:2px solid #340e0e;border-radius:8px;text-decoration:none}.action a:hover{color:#f6eee4;background-color:#340e0e}img,video{max-width:100%;display:block}.grid{display:grid;grid-template-columns:auto auto auto;grid-gap:30px;padding:2%}figure{border:4px solid #340e0e;background-color:#f6eee4;max-width:325px;margin:0 auto;box-shadow:4px 4px 8px #666}figure img{width:100%;height:225px;object-fit:cover}figcaption{background-color:#340e0e;color:#f6eee4;text-align:center;font-weight:700;font-size:.95em;padding:.5em;border-top:3px solid #99f9ff}.skip{position:absolute;left:-999px}.skip:focus{color:#fff;background-color:#340e0e;text-decoration:none;padding:.5%;top:auto;left:auto;right:1px;z-index:1}#questions p{cursor:pointer;background-color:#eafcff;border:2px solid #340e0e;padding:1%;margin:1% auto;border-radius:8px;font-weight:700}#questions p:hover{background-color:#340e0e;color:#f6eee4}#answer{text-align:center;font-weight:700;width:80%;margin:2% auto;padding:2%;background-color:#f6eee4;border:2px solid #340e0e;border-radius:8px}#answer h2{display:none}dt{font-weight:700;color:#340e0e;margin-top:1em}dd{margin-bottom:1em}.order-form{display:grid;grid-template-columns:auto auto;grid-gap:20px;margin:0 auto}fieldset{border:3px solid #340e0e;border-radius:10px;padding:2%;background-color:#eafcff}legend{font-weight:700;font-size:1.25em;color:#340e0e;padding:0 1%}label{display:block;padding-top:2%;font-weight:700}input,select,textarea{width:95%;padding:.5em;margin-top:.25em;margin-bottom:1em;border:2px solid #340e0e;border-radius:6px;font-size:1em}.radio-label{font-weight:400;display:inline-block;margin-right:2em}.radio-label input{width:auto;margin-right:.5em}.full-width{grid-column:1 / span 2}.form-buttons{grid-column:1 / span 2;text-align:center}#submit,#reset{width:auto;background-color:#340e0e;color:#f6eee4;padding:.75em 2em;margin:1%;border:none;border-radius:8px;font-weight:700;cursor:pointer}#submit:hover,#reset:hover{background-color:#f6eee4;color:#340e0e;border:2px solid #340e0e}footer{text-align:center;background-color:#340e0e;color:#f6eee4;padding:1% 0;clear:both}footer a{color:#f3e6d8;text-decoration:none}@media screen and (max-width: 620px){.grid{display:block}figure{max-width:90%;margin:1em auto}figure img{height:200px}.order-form{display:block}.full-width,.form-buttons{grid-column:auto}#submit,#reset{width:90%}}@media screen and (min-width: 620px),print{.tab-desk{display:block}.mobile,.mobile-nav,.mobile-tablet{display:none}.nav-desk{display:block}nav ul{list-style-type:none;text-align:center}nav li{font-family:Geneva,Arial,sans-serif;font-weight:700;border-top:none;display:inline-block;font-size:1.15em}nav li a{padding:.5em;display:block;color:#f6eee4;text-decoration:none}.mobile-home{display:none}}@media screen and (min-width: 1000px),print{nav li{font-size:1.3em}nav li a{padding:.5em 1.2em}nav li a:hover{color:#340e0e;background-color:#f6eee4;opacity:.8}}