*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 62.5em){html{font-size:50%}}body{font-family:'Karla', sans-serif;background-color:#ececec;font-weight:400;line-height:1.6}header{background-color:#e2604f;width:100%;position:fixed;border-bottom:1px solid #c2c2c2}@media only screen and (max-width: 50em){header{position:unset}}.container{display:grid;grid-template-columns:[start] minmax(3rem, 1fr) [mid-start] repeat(4, [col-start] minmax(-webkit-min-content, 30rem) [col-end]) [mid-end] minmax(3rem, 1fr) [end];grid-template-columns:[start] minmax(3rem, 1fr) [mid-start] repeat(4, [col-start] minmax(min-content, 30rem) [col-end]) [mid-end] minmax(3rem, 1fr) [end];padding-top:8.4rem;color:#6b2c24}.container h1{grid-column:mid-start / mid-end;text-align:center;font-size:3.4rem;color:#e2604f;margin:2.5rem 0}@media only screen and (max-width: 50em){.container{padding:unset}}.navigation{width:auto;box-sizing:content-box;display:grid;grid-template-columns:35.5rem 1fr;max-width:120rem;margin:0 auto}.navigation ul{display:flex;justify-content:flex-end;align-items:flex-end;list-style:none;margin:0;padding:0;line-height:1;zoom:1;font-size:0;background-color:#e2604f}.navigation ul:after{content:" ";display:block;font-size:0;height:0;clear:both;visibility:hidden}.navigation ul li{display:inline-block;padding:0;margin:0}.navigation.align-right ul li{float:right}.navigation.align-center ul{text-align:center;font-size:0}.navigation ul li a{color:#fff;text-decoration:none;display:block;padding:15px 25px;font-family:'Open Sans', sans-serif;font-weight:700;text-transform:uppercase;font-size:1.8rem;position:relative;transition:color .25s}.navigation ul li a:hover{color:#333}.navigation ul li a:hover:before{width:100%}.navigation ul li a:after{content:"";display:block;position:absolute;right:-3px;top:19px;height:6px;width:6px;background:#fff;opacity:.5}.navigation ul li a:before{content:"";display:block;position:absolute;left:0;bottom:0;height:3px;width:0;background:#333;transition:width .25s}.navigation ul li.last>a:after,.navigation ul li:last-child>a:after{display:none}.navigation ul li.active a{color:#333}.navigation ul li.active a:before{width:100%}.navigation.align-right li.last>a:after,.navigation.align-right li:last-child>a:after{display:block}.navigation.align-right li:first-child a:after{display:none}@media screen and (max-width: 50em){.navigation{grid-template-columns:1fr}.navigation ul{float:none;display:block;bottom:0;position:fixed;width:100%;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all 0.5s cubic-bezier(0, 1.14, 0.41, 1)}.navigation ul li{float:none;display:block}.navigation ul li a{width:100%;text-align:center;box-sizing:border-box;border-bottom:1px solid #fb998c}.navigation ul li.last>a,.navigation ul li:last-child>a{border:0}.navigation ul li a:after{display:none}.navigation ul li a:before{display:none}}.nav-button{background-color:#e2604f;height:7rem;width:7rem;position:fixed;top:2rem;right:1.5rem;border-radius:50%;z-index:2000;box-shadow:0 1rem 3rem rgba(0,0,0,0.2);text-align:center;cursor:pointer;display:none;border:1px dotted #c2c2c2;align-items:center;justify-content:center}.nav-icon{position:relative}.nav-icon,.nav-icon::before,.nav-icon::after{width:4rem;height:2px;background-color:#fff;display:inline-block}.nav-icon::before,.nav-icon::after{content:"";position:absolute;left:0;transition:all .2s}.nav-icon::before{top:-1.2rem}.nav-icon::after{top:1.2rem}.nav-button:hover .nav-icon::before{top:-1rem}.nav-button:hover .nav-icon::after{top:1rem}.nav-clicked .nav-icon{background-color:transparent}.nav-clicked .nav-icon::before{top:0 !important;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.nav-clicked .nav-icon::after{top:0 !important;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}@media screen and (max-width: 50em){.nav-button{display:flex}}.logo img{width:35rem}@media screen and (max-width: 50em){.logo{justify-self:center}}.about{grid-column:mid-start / mid-end;display:grid;grid-template-columns:repeat(auto-fit, minmax(39rem, 1fr));grid-gap:2rem}.about h2{font-size:2.4rem;text-align:center;grid-column:1 / -1}.about h3{font-size:2.1rem}.about p{font-size:1.9rem;text-align:justify;text-indent:2rem;margin:1rem 0;color:#a3483b}.about .text-box{display:flex;justify-content:center;align-items:center;flex-direction:column}.about .text-image{display:flex;align-items:center;justify-content:center;background-color:rgba(226,96,79,0.1);border-radius:2rem;padding:20px}.about img{width:60%}.services{grid-column:mid-start / mid-end;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:2rem;text-align:center}.services h2{grid-column:1 / -1;font-size:2.4rem}.services h3{grid-column:1 / -1;font-size:2.1rem}.services ul{display:inline-block;text-align:left;font-size:1.9rem}.services ul li{color:#a3483b}@media only screen and (max-width: 37.5em){.services{grid-template-columns:1fr}.services ul{display:block;margin-left:15%}}.contacts{grid-column:mid-start / mid-end;text-align:center;font-size:1.9rem}.contacts>*{margin:0.5rem 0}.contacts h2{font-size:2.4rem;margin-bottom:1.5rem}.contacts h3{font-size:2.1rem}.contacts a,.contacts a:link,.contacts a:visited{color:currentColor}.contacts a i,.contacts a:link i,.contacts a:visited i{color:#0000ee}.gallery{grid-column:start / end;background-color:#e2604f;padding:0 3rem;padding-bottom:3rem}.gallery div{max-width:120rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-auto-rows:30rem;grid-gap:1.5rem}@media only screen and (max-width: 25em){.gallery div{grid-template-columns:repeat(auto-fit, minmax(18rem, 1fr))}}.gallery h2{grid-column:1 / -1;font-size:2.4rem;color:#fff;justify-self:center;margin:2.5rem 0}.gallery figure{border-radius:2rem;overflow:hidden;border:2px solid #c2c2c2;box-shadow:0 1rem 1.5rem rgba(0,0,0,0.4)}.gallery figure img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}footer{grid-column:mid-start / mid-end;font-size:1.9rem;margin-bottom:2.5rem}footer .footer-box{display:grid;grid-template-columns:repeat(3, 1fr);color:#a3483b}@media only screen and (max-width: 37.5em){footer .footer-box{grid-template-columns:1fr}}footer .footer-box>*{align-self:center;justify-self:center}footer .footer-box p{color:currentColor}footer .footer-box a:link,footer .footer-box a:visited{color:currentColor}.separator{grid-column:start / end;height:0.7rem;background-color:#e2604f;margin:2.5rem 0;border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2}
