@import url(https://fonts.googleapis.com/css?family=Montserrat);@font-face{font-family:bmm;src:url(fonts/bmm.ttf);font-display: swap;}*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--border-style:1px solid rgba(0, 0, 0, .5);--border-radius:6px;--background:linear-gradient(to bottom right, #ccc, #888);--box-shadow:0px 2px 2px 0px rgba(0, 0, 0, .3);--box-shadow-2:0px 2px 8px 0px rgba(0, 0, 0, 1);--text-shadow:0px -1px 0px rgba(255, 255, 255, 0.6),0px 1px 3px rgba(0, 0, 0, .8);font-family:montserrat,verdana,sans-serif}body{height:100vh;display:grid;grid-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;margin:auto;min-width:280px;max-width:1080px;overflow-x:hidden;background:linear-gradient(180deg,#ddd,#222) fixed}.grid-item{display:block}h1{margin:0;padding:0;font-size:16px;font-weight:200}header{display:flex;align-items:center;justify-content:center;grid-column:1/span 4;height:200px;text-align:center;position:relative;border-radius:8px;border:1px outset #888;box-shadow:var(--shadow);background-size:100% 100%;background-repeat:no-repeat;background:url(images/header.jpg)}.logo{margin-top:10%;color:#383838;font-size:50px;font-family:bmm,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.5)}#burger{display:block;position:absolute;top:10px;right:10px;cursor:pointer}.burger-lines{margin:7px;width:2.5rem;height:.32rem;background:#888;border-radius:.2rem;transition:all .3s ease-in-out}.company-wrapper{position:absolute;bottom:0;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:2px solid rgba(0,0,0,.5);border-left:10px solid rgba(0,0,0,.5);border-right:10px solid rgba(0,0,0,.5);background-color:rgba(170,170,170,.8)}.company-title{color:#3b3b3b;font-size:25px;font-weight:bolder;letter-spacing:1px;font-family:Montserrat,sans-serif;text-shadow:0 -1px 0 rgba(255,255,255,.4),0 1px 3px rgba(0,0,0,.5)}.slogan{font-weight:400;color:#fff;font-size:16px;padding-left:10px;letter-spacing:1px;font-family:Montserrat,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.4)}nav{display:flex;align-items:center;flex-direction:column;justify-content:center;grid-column:1/span 4}.nav-links{z-index:10;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;list-style-type:none;position:absolute;height:100%;width:100%;top:310px;border-radius:var(--border-radius);background:var(--background);box-shadow:0 5px 8px rgba(0,0,0,.6);transform:translateX(-100%);transition:transform .5s ease-in-out}.nav-links li{animation:navLinkFadeOut .3s ease-in-out forwards;opacity:0}.nav-links>li>a{margin:2px;font-size:22px;padding:15px;font-family:montserrat,sans-serif;font-weight:300;text-transform:capitalize;text-align:center;display:block;width:calc(100vw - 22px);max-width:1080px;border:1px outset #888;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.5);text-decoration:none;color:#f0f0f0}.nav-links>li>a:hover{color:#222;text-shadow:0 0 2px #000}main{grid-column:1/span 4}.section-two{display:flex;flex-direction:column;align-items:center}.section-three{display:flex;flex-direction:column;align-items:center}.section-five{display:flex;flex-direction:column;align-items:center}#hours-of-operation{margin:0;padding:10px;display:grid;grid-template-columns:1fr 1fr;border:var(--border-style);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--box-shadow)}#hours-of-operation-heading{color:#666;padding:10px;background:linear-gradient(0deg,#ccc,#ddd);grid-column:span 2}.day-time{color:#444;padding:5px;padding-left:10px;background:#eee;font-size:.8rem}h2{color:#888;width:100%;padding:10px;letter-spacing:3px;text-shadow:var(--text-shadow);border:var(--border-style);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--box-shadow)}p{font-size:.9rem;color:#eee;padding:20px}#code-brackets{color:#888;text-align:center;font-size:6rem;font-weight:bolder;font-family:monospace;text-shadow:var(--text-shadow)}section ul{padding:10px;margin:20px;display:flex;flex-direction:column;font-size:.9rem;line-height:20px;letter-spacing:1px;color:#000;list-style-type:dot;font-family:montserrat;font-weight:bolder}#handshake{border-radius:5px;width:98%;display:block}address{padding:4px;text-align:left;font-family:montserrat;font-weight:700;font-style:normal;letter-spacing:2px;background:var(--background);line-height:1.4;font-size:.9rem}#phone{display:inline-block}img{display:flex;margin:auto;padding:4px;margin-bottom:10px;border:var(--border-style);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--box-shadow);width:100%;filter:saturate(150%)}#gallery{margin-top:38px}.img-wrapper{width:95%;margin:10px;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.vidContainer{display:flex;margin:auto;padding:4px;border:var(--border-style);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--box-shadow)}video{border:2px inset #888;border-radius:8px}.vidBack{max-width:100%;background-color:#000}#side-bar{grid-column:1/span 4}#cards{padding:10px;color:#888;border:var(--border-style);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--box-shadow);height:200px;grid-column:1/span 4}footer{border:var(--border-style);border-radius:var(--border-radius);background:var(--background);box-shadow:var(--box-shadow);text-align:center;padding:20px;grid-column:1/span 4;font-size:12px;letter-spacing:1px}.nav-active{transform:translateX(0)}.toggle #burger-line-one{transform:rotate(-45deg) translate(-5px,12px)}.toggle #burger-line-two{opacity:0}.toggle #burger-line-three{transform:rotate(45deg) translate(-5px,-12px)}.contact-icons{margin-top:29px;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;width:100%;justify-content:space-around;list-style-type:none;text-decoration:none}.contact-icons a{letter-spacing:3px;font-size:50px;text-decoration:none;color:silver;text-shadow:0 1px 0 #000,0 -1px 0 #fff}@media (min-width:768px){header{text-align:left;background:url(images/header.jpg);background-size:cover}.logo{position:absolute;bottom:60px}body{grid-gap:10px;padding:0;width:100vw;overflow-x:hidden}#burger{display:none}nav{border:var(--border);border-radius:var(--border-radius);box-shadow:0 0 4px rgba(0,0,0,.5)}.nav-links{position:relative;top:0;display:flex;flex-direction:row;justify-content:space-around;height:100%;list-style-type:none;transform:translateX(0);transition:transform .5s ease-in-out}.nav-links li{margin:10px;opacity:0;animation:navLinkFadeIn .3s ease-in-out forwards}.nav-links>li>a{font-size:14px;padding:5px;font-family:montserrat,sans-serif;font-weight:bolder;letter-spacing:1px;text-transform:capitalize;text-align:center;text-decoration:none;color:#f0f0f0;width:auto;border:none;border-radius:0;box-shadow:none}.nav-links>li>a:hover{color:#222;text-shadow:0 0 2px #000}main{grid-column:1/span 3}#side-bar{font-size:12px;min-width:300px;grid-column:4/span 1}}@keyframes navLinkFadeIn{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes navLinkFadeOut{from{opacity:1}to{opacity:0}}