html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

:root {
	--coolgrey: #75777B;
}
html, body {
  height: 100%;
}
body {
	font-family: 'Outfit', sans-serif;
	font-size: 16px;
	color: #fff;
	background: #fff;
  font-weight: 400;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  color: #fff;
  text-decoration: none;
  outline: none;
}
a:hover, a:focus {
  text-decoration: none;
  color: #000;
  outline: none;
  border: none;
}
p {
  line-height: 1.35;
  margin-bottom: 1em;
}
.page {
  position: relative;
  height: 100%;
  background: #fff;
}
.page .left {
  background-color: #fff;
  float: left;
  width: 20%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='232.457' height='602.084' viewBox='0 0 232.457 602.084'%3E%3Cpath id='Subtraction_2' data-name='Subtraction 2' d='M211.749,636.084H0V374.167l.128.225H61.862L92.73,320.93,61.862,267.463H.128L0,267.688V34H211.749L189.606,63.925c-3.613-.349-7.287-.527-10.919-.527a113.07,113.07,0,0,0-25.169,2.836,111.136,111.136,0,0,0-23.936,8.44,109.432,109.432,0,0,0-61.135,89.852A112.622,112.622,0,0,0,79.424,222.3l46.294-62.549,62.878,1.082,19.4,59.814L161.7,283.2a113.09,113.09,0,0,0,44.9-2.037,110.493,110.493,0,0,0,25.857-10.079V399A110.5,110.5,0,0,0,206.6,388.921a113.086,113.086,0,0,0-44.9-2.038l46.3,62.549-19.4,59.814-62.878,1.088L79.424,447.786a112.6,112.6,0,0,0-10.977,57.773,109.541,109.541,0,0,0,61.134,89.852,111.134,111.134,0,0,0,23.936,8.439,113.067,113.067,0,0,0,25.167,2.835c3.632,0,7.307-.177,10.923-.527l22.142,29.923v0h0Z' transform='translate(0 -34)' fill='%2375777b' opacity='0.998'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: calc(100vh / 4.5);
  background-position: right center;
}
.page .right {
  background-color: var(--coolgrey);
  width: 80%;
  float: right;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='309.663' height='603.176' viewBox='0 0 309.663 603.176'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M728.456,665.043H540.742L468.528,567.48a113.4,113.4,0,0,0,7.45-27.075,111.682,111.682,0,0,0,.522-28.043,109.569,109.569,0,0,0-56-84.129V299.769a108.893,108.893,0,0,0,18.93-13.221A109.519,109.519,0,0,0,476.5,215.641a111.672,111.672,0,0,0-.522-28.042,113.36,113.36,0,0,0-7.45-27.072l72.214-97.569H728.457l-227.8,286.931,227.8,315.154h0Z' transform='translate(-420 -62.458)' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: calc(100vh / 3.5);
  background-position: left center;
}
.page .right .wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.page .right .wrapper .inner {
  margin: 0 auto;
  text-align: center;
}
.page .right .wrapper .inner .logo {
  width: 250px;
  margin: 0 0 4em 0;
}
.page .right .wrapper .inner .address {
  margin: 3em 0;
}
.page .right .wrapper span.seperator {
  display: inline-block;
  margin: 0 1em;
}
.page .right .wrapper .socials ul li {
  display: inline-block;
  margin: 0 .5em;
  list-style: none;
}
.page .right .wrapper .socials ul li a {
  display: block;
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: .3s ease-in-out all;
}
.page .right .wrapper .socials ul li a:hover {
  filter: invert(1);
}
.page .right .wrapper .socials ul li.instagram a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.182' height='36.174' viewBox='0 0 36.182 36.174'%3E%3Cpath id='Icon_awesome-instagram' data-name='Icon awesome-instagram' d='M18.09,11.05a9.275,9.275,0,1,0,9.275,9.275A9.26,9.26,0,0,0,18.09,11.05Zm0,15.3a6.03,6.03,0,1,1,6.03-6.03,6.041,6.041,0,0,1-6.03,6.03ZM29.907,10.671a2.163,2.163,0,1,1-2.163-2.163A2.158,2.158,0,0,1,29.907,10.671Zm6.143,2.2c-.137-2.9-.8-5.465-2.922-7.579S28.446,2.51,25.548,2.365c-2.987-.17-11.938-.17-14.925,0-2.89.137-5.457.8-7.579,2.914S.267,9.96.122,12.858c-.17,2.987-.17,11.938,0,14.925.137,2.9.8,5.465,2.922,7.579s4.682,2.777,7.579,2.922c2.987.17,11.938.17,14.925,0,2.9-.137,5.465-.8,7.579-2.922s2.777-4.682,2.922-7.579c.17-2.987.17-11.93,0-14.917ZM32.191,30.988a6.1,6.1,0,0,1-3.439,3.439c-2.381.944-8.031.726-10.663.726s-8.29.21-10.663-.726a6.1,6.1,0,0,1-3.439-3.439c-.944-2.381-.726-8.031-.726-10.663s-.21-8.29.726-10.663A6.1,6.1,0,0,1,7.427,6.223C9.808,5.279,15.458,5.5,18.09,5.5s8.29-.21,10.663.726a6.1,6.1,0,0,1,3.439,3.439c.944,2.381.726,8.031.726,10.663S33.136,28.614,32.191,30.988Z' transform='translate(0.005 -2.238)'/%3E%3C/svg%3E%0A");
}
.page .right .wrapper .socials ul li.whatsapp a { 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.162' height='36.162' viewBox='0 0 36.162 36.162'%3E%3Cpath id='Icon_awesome-whatsapp' data-name='Icon awesome-whatsapp' d='M30.746,7.5a17.925,17.925,0,0,0-28.2,21.624L0,38.412l9.5-2.494A17.865,17.865,0,0,0,18.065,38.1h.008A18.092,18.092,0,0,0,36.162,20.178,17.99,17.99,0,0,0,30.746,7.5ZM18.073,35.078A14.868,14.868,0,0,1,10.485,33l-.541-.323L4.31,34.158l1.5-5.5L5.457,28.1a14.923,14.923,0,1,1,27.678-7.918,15.06,15.06,0,0,1-15.062,14.9Zm8.169-11.155c-.444-.226-2.648-1.308-3.059-1.453s-.71-.226-1.009.226-1.154,1.453-1.421,1.76-.525.339-.969.113c-2.631-1.316-4.359-2.349-6.094-5.327-.46-.791.46-.735,1.316-2.446a.83.83,0,0,0-.04-.783c-.113-.226-1.009-2.43-1.38-3.326-.363-.872-.735-.751-1.009-.767-.258-.016-.557-.016-.856-.016a1.659,1.659,0,0,0-1.195.557A5.031,5.031,0,0,0,8.96,16.2a8.772,8.772,0,0,0,1.824,4.633c.226.3,3.156,4.819,7.652,6.764,2.841,1.227,3.955,1.332,5.376,1.122.864-.129,2.648-1.082,3.019-2.131a3.745,3.745,0,0,0,.258-2.131C26.984,24.254,26.685,24.141,26.242,23.923Z' transform='translate(0 -2.25)'/%3E%3C/svg%3E%0A");
}

/* Responsive styles */
@media screen and (max-width:768px) {
  .page .left {
    display: none;
  }
  .page .right {
    float: none;
    width: 100%;
    background-image: none;
  }
}
@media screen and (max-width:768px) and (max-height:600px) {
 .page .right .wrapper {
   display: block;
 }
 .page .right .wrapper .inner {
   margin: 0;
   padding: 4em 0;
   background: var(--coolgrey);
 }
}