/*! ====================
Web Designer: BigMic69
Webpage: MCCGraphics.info
Styling: Sass
==================== */@import url(https://fonts.googleapis.com/css?family=Droid+Serif|Playfair+Display|Ubuntu);*,::after,::before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:16px;line-height:1.5rem;scroll-behavior:smooth}body{width:100%;height:auto;margin:0 auto;padding:0;background:#353535;color:#f9f9f9;font-family:Ubuntu,Cormorant,Merriweather}#pageWrap{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:10px;background:#353535;color:#f9f9f9}section{width:90%;min-height:50vh;margin:0 auto 5vh;padding:3vh 5% 0}section:nth-child(2n){color:#353535;background:#e3e3e3}section:nth-child(6){min-height:100vh}@media screen and (min-width:900px){section{min-height:100vh}}h1{margin-bottom:3vh;padding-left:4vw;font-size:1.4rem;font-weight:700;letter-spacing:.1rem}@media (min-width:600px){h1{font-size:1.8rem}}@media (min-width:900px){h1{font-size:2.2rem}}h2{font-size:1.2rem;font-weight:700;letter-spacing:.08rem}@media (min-width:600px){h2{font-size:1.6rem}}@media (min-width:900px){h2{font-size:2rem}}p{width:100%;height:auto;margin:0;padding:10px;font-size:1rem;line-height:1.8rem}@media (min-width:600px){p{font-size:1.2rem}}@media (min-width:900px){p{font-size:1.4rem}}p{text-align:center}.img-box{width:90%;height:auto;margin:10vh auto 5vh;padding:0}.img-box img{width:100%;height:auto;margin:0 auto;padding:0}#iframeWrap{width:100%;height:auto;margin:0 auto;padding:0}@media screen and (min-width:900px){#iframeWrap{width:100%;height:60vh;margin:15vh auto;padding:0}}iframe{width:100%;height:60vh}footer{width:100%;height:auto;margin:0 auto;padding:2vh 0;text-align:center}nav{width:100%;height:auto;margin:0 auto;padding:0;position:relative;z-index:10}.nav-top{position:fixed;top:10vh;width:40%;height:auto;margin:0 auto;padding-right:7%;opacity:.6;border-right:5px solid #f1f1f1;background:rgba(241,241,241,.3);-webkit-transform-origin:left;transform-origin:left;border-radius:0 10px 10px 0;border-right:.5vw solid #ef5425;-webkit-transform:translateX(-75%);transform:translateX(-75%);-webkit-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s}.nav-top:hover{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);background:rgba(136,136,136,.8)}.nav-top li{width:100%;height:auto;list-style-type:none}.nav-top li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1vh 0;text-decoration:none;background:#f9f9f9;color:#353535;border-radius:0 10px 10px 0;padding:1.6vh 2vw;font-size:1.2rem}@media screen and (min-width:900px){.nav-top li a{font-size:1.6rem}}.nav-top li a:hover{background:#353535;color:#f9f9f9;border-radius:0 10px 10px 0;border-right:.5vw solid #ef5425}@media screen and (min-width:900px){.nav-top{top:10vh;width:20%;padding-right:3vw}}#header{width:100%;height:auto;margin:0;padding:1vh 1vw}#header h1{width:100%;height:auto;margin:0;padding:1vh 1vw;background:#202020;border-bottom:1px solid #ef5425}.header-img{position:relative;width:100%;height:50vh;margin:0;padding:0;background-image:url("../images/door-1280px.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.header-img h2{position:absolute;bottom:10px;right:10px}@media screen and (max-width:899px){.header-img{background-attachment:scroll}}@media screen and (min-width:900px){.header-img{height:70vh}}#intro{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-gap:10px;grid-auto-rows:auto;min-height:auto;scroll-margin-top:20px;padding-bottom:3vh}#intro .intro-banner{display:none;width:100%;height:27.5vh;margin:0 0 4vh;padding:0;overflow:hidden;border-radius:10px;border:.75px solid #353535;-webkit-box-shadow:3px 2px 2px rgba(53,53,53,.4);box-shadow:3px 2px 2px rgba(53,53,53,.4)}#intro .intro-banner img{width:100%;height:auto;margin:0 auto;padding:0;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media screen and (min-width:900px){#intro .intro-banner{display:block}}#intro .intro-thumbs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;width:100%;height:auto;margin:0 0 2vh;padding:0}#intro .intro-thumbs__item{overflow:hidden;border-radius:10px;border:.5px solid #353535;border-radius:10px;-webkit-box-shadow:1px 2px rgba(239,84,37,.6);box-shadow:1px 2px rgba(239,84,37,.6)}#intro .intro-thumbs__item img{width:100%;height:auto;margin:0 auto;padding:0;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}@media screen and (min-width:900px){#intro .intro-thumbs{display:none}}#intro p{width:100%;height:auto;margin:0 auto 2vh;padding:5px}@media screen and (min-width:900px){#intro p{max-width:75%;padding:5px 2vw}}#intro a.contact-btn{width:80%;height:auto;margin:3vh auto 2vh;padding:3vh 6vw;display:block;text-align:center;border-radius:10px;border:1px solid #353535;background:#353535;color:#f9f9f9;font-size:1.2rem;text-decoration:none}@media screen and (min-width:900px){#intro a.contact-btn{font-size:1.6rem}}#intro a.contact-btn{-webkit-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s;border:.75px solid #353535;-webkit-box-shadow:3px 2px 2px rgba(53,53,53,.4);box-shadow:3px 2px 2px rgba(53,53,53,.4)}#intro a.contact-btn:hover{background:#f9f9f9;color:#353535}@media screen and (min-width:900px){#intro a.contact-btn{width:40%;height:auto;margin:3vh auto 2vh;padding:3vh 6vw}}.web-wrap{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;grid-gap:10px}@media (min-width:900px){.web-wrap{grid-template-columns:repeat(3,1fr)}}.web-wrap{padding-bottom:3vh}.web-box{grid-column:span 1;width:90%;height:auto;margin:0 auto 5vh;padding:0;border-bottom:1px solid #f1f1f1}.web-box img{width:100%;height:auto;margin:0 auto;padding:0}.web-text{grid-column:span 1;margin:0}.web-text h2{text-align:center;margin-bottom:5vh}@media screen and (min-width:900px){.web-text{grid-column:span 3;width:80%;height:auto;margin:0 auto;padding:20px}}.web-banner{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;line-height:0;background:0 0;height:clamp(60px,10vh,12vh);margin:2vh auto 3vh}.web-banner>img{display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center 45%;object-position:center 45%}.web-banner--aligned{width:100%;border-radius:10px;border:.75px solid #353535;-webkit-box-shadow:3px 2px 2px rgba(53,53,53,.4);box-shadow:3px 2px 2px rgba(53,53,53,.4)}@media screen and (min-width:900px){.web-banner--aligned{width:calc(80% - 40px);margin-left:auto;margin-right:auto}}.web-banner--full{width:112.5%;margin:2vh 0 0 -6.25%;border-radius:0}#web{scroll-margin-top:20px}#gallery{scroll-margin-top:20px;min-height:auto;background-image:url("../images/box-01-1400px.webp");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.js-slideshow{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-row-gap:3vh;padding-bottom:4vh;position:relative}.js-slideshow::before{content:none;position:absolute;top:calc(3vh - 12px);bottom:calc(4vh - 12px);left:calc(5% - 12px);right:calc(5% - 12px);background:rgba(241,241,241,.12);border:1px solid rgba(241,241,241,.25);border-radius:10px;pointer-events:none;z-index:0}@media (min-width:900px){.js-slideshow::before{content:""}}.js-slideshow>*{position:relative;z-index:1}.js-slideshow h1{color:#f1f1f1;text-align:center;padding-left:0;margin-bottom:1vh}.main-img{width:100%;height:auto;margin:0 auto;padding:0;border:1px solid #ef5425}.main-img img{width:100%;height:auto;margin:0 auto;padding:0}@media (min-width:900px){.main-img{width:708px;height:auto;margin:0 auto;padding:0;max-width:80%}}.imgs{grid-column:span 1;display:grid;-ms-scroll-chaining:none;overscroll-behavior:contain;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:2px;max-height:30vh;overflow-y:scroll;border:1px solid #ef5425}.imgs img{grid-column:span 1;width:100%;height:auto;margin:0 auto;padding:0;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-webkit-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s}.imgs img:hover{border:1px solid #f8f8f8}@media (min-width:900px){.imgs{width:80%;margin:0 auto;grid-template-columns:repeat(4,1fr);max-height:40vh}}@-webkit-keyframes FadeIn{to{opacity:1}}@keyframes FadeIn{to{opacity:1}}.fade-in{opacity:0;-webkit-animation:FadeIn .5s ease-in 1 forwards;animation:FadeIn .5s ease-in 1 forwards}.panel-group{width:100%;height:auto;margin:0 auto;padding:0}@media screen and (min-width:900px){.panel-group{width:50%;height:auto;margin:0 auto;padding:0}}.panel-heading{width:100%;height:auto;margin:0 auto;padding:0}.panel-title{width:100%;height:0 auto;margin:1vh 0 0;padding:0;text-align:center;background:#353535;color:#f9f9f9}.panel-title a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:1vh 0;text-decoration:none;border-radius:10px;-webkit-box-shadow:1px 1px 5px rgba(241,241,241,.6);box-shadow:1px 1px 5px rgba(241,241,241,.6);border-top:1px solid #353535;border-left:1px solid #353535;background:#f9f9f9;color:#353535}.panel-title a:hover{background:#353535;color:#f9f9f9}.panel-body{width:100%;min-height:10vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:#353535;color:#f9f9f9}.contact-list{width:100%;height:auto;margin:0 auto;padding:0}.contact-list li{width:100%;height:auto;margin:0 auto;padding:0;list-style:none;text-align:center}.mcc-links{width:90%;height:auto;margin:4vh auto;padding:2vh 0}@media screen and (min-width:900px){.mcc-links{width:50%;height:auto;margin:4vh auto;padding:2vh 0}}.mcc-links a{width:75%;height:auto;margin:0 auto;padding:0;font-size:1.2rem;text-decoration:none}@media screen and (min-width:900px){.mcc-links a{font-size:1.6rem}}.mcc-links a{text-align:center}.mcc-links a h2{padding:2vh 0;border:1px solid #f1f1f1;border:.5px solid #353535;border-radius:10px;-webkit-box-shadow:1px 2px rgba(239,84,37,.6);box-shadow:1px 2px rgba(239,84,37,.6);-webkit-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s;background:#f9f9f9;color:#353535}.mcc-links a h2:hover{background:#353535;color:#f9f9f9}.mcc-links p{width:100%;height:auto;margin:0 auto 5vh;padding:5px 0}#contact{scroll-margin-top:20px}#\33 D{width:100%;min-height:auto;margin:0 auto 5vh;padding:0;text-align:center;scroll-margin-top:20px}#\33 D>h2{text-align:center;margin-bottom:2vh}#contact>h1{margin-bottom:70px}#contact .img-box img{display:block;width:81%;margin:0 auto}#contact .img-box{margin-top:calc(10vh - 30px)}