@charset "UTF-8";
/***!  /templates/eskal/css/pages/contact.css?0a0c5f  !***/

#contact{background:rgba(0,0,0,.5);display:grid;grid-template:"title infor" auto "cform infor" 0 "cform video" auto / 1.5fr 1fr;margin-top:calc(var(--gutter-v) * 1);padding:calc(var(--gutter-v) * 2) var(--gutter-left);gap:var(--gutter-v) var(--gutter)}.contactTop{grid-area:title}.contactInfo{grid-area:infor}.contactForm{grid-area:cform}.contactVid{grid-area:video}.contactTopTitle{margin:0}.contactTopTxt{max-width:30em}.contactInfo{display:flex;justify-content:space-between;gap:5px}.contactInfo p{border-top:solid 1px rgba(255,255,255,.5);padding-top:2rem;margin:0}.contactInfo .socials a{display:block}.contactInfo .socials svg{width:2rem;height:auto}.contactVid video{display:block;max-width:calc(100% + var(--gutter-left))}@media screen and (max-width:1100px){#contact{padding:calc(var(--gutter-v) * 2) calc(var(--gutter-left) / 2);gap:var(--gutter-v) calc(var(--gutter) / 2)}.contactVid video{max-width:calc(100% + (var(--gutter-left) / 2))}}@media screen and (max-width:850px){#contact{grid-template:"title title" auto "infor video" auto "cform cform" auto / 1.5fr 1fr}}@media screen and (max-width:675px){#contact{grid-template:"title" auto "infor" auto "cform" auto "video" auto / 1fr}.contactVid video{max-width:100%}.contactInfo{justify-content:flex-start;gap:var(--gutter-left)}}@media screen and (max-width:500px){.contactInfo{justify-content:space-between}}