* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5 {
  color: #453838;
  font-family: industry-inc-stencil, sans-serif;
  font-weight: 400;
  font-style: normal; }

p, li {
  font-family: kobenhavn, serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6em;
  font-size: 1.25em;
  color: #453838; }

a {
  text-decoration: none;
  color: #614f4f;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  a:hover {
    color: #ae9b9b; }

.cta {
  display: inline-block;
  background: rgba(0, 0, 255, 0.3);
  color: #fff;
  padding: 5px 20px 12px 20px;
  margin: 40px 0;
  border: white 2px solid;
  outline: solid 2px rgba(0, 0, 255, 0.3);
  -o-border-radius: 16px;
  -ms-border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px; }

.gallery-outer-container {
  background-color: #424040; }
  .gallery-outer-container .gallery-title h2 {
    color: #fff; }
  .gallery-outer-container .gallery-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .gallery-outer-container .gallery-container .gallery {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: masonry;
      grid-template-rows: masonry;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 2em; }
      .gallery-outer-container .gallery-container .gallery .gallery-item {
        background: gray;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -o-border-radius: 16px;
        -ms-border-radius: 16px;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px; }
        .gallery-outer-container .gallery-container .gallery .gallery-item img {
          width: 300px;
          -o-border-top-left-radius: 16px;
          -ms-border-top-left-radius: 16px;
          -moz-border-top-left-radius: 16px;
          -webkit-border-top-left-radius: 16px;
          -o-border-top-right-radius: 16px;
          -ms-border-top-right-radius: 16px;
          -moz-border-top-right-radius: 16px;
          -webkit-border-top-right-radius: 16px;
          margin-bottom: 10px; }
        .gallery-outer-container .gallery-container .gallery .gallery-item h4, .gallery-outer-container .gallery-container .gallery .gallery-item p {
          color: #fff;
          text-align: center;
          padding: 10px;
          max-width: 300px; }
        .gallery-outer-container .gallery-container .gallery .gallery-item p {
          font-size: 1.2em;
          margin-bottom: 10px; }
        .gallery-outer-container .gallery-container .gallery .gallery-item h4 {
          font-size: 1.5em; }

.containers {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 2em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff; }

.main-coming-soon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 2em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh; }
  .main-coming-soon .coming-soon {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    border: 2px #453838 solid;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px; }
    .main-coming-soon .coming-soon h1 {
      font-size: 1.2em;
      padding: 20px 0; }
    .main-coming-soon .coming-soon img {
      width: 100%; }

body {
  background: #fff; }

header {
  display: -ms-grid;
  display: grid;
  grid-template-column: 1fr;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 10px #666;
  box-shadow: 0 6px 10px #666; }
  header .logo img {
    width: 100%;
    padding: 20px 0; }
  header .nav {
    margin-bottom: 20px; }
  header div > h2 {
    line-height: 2em; }

header > .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.container {
  display: -ms-grid;
  display: grid;
  grid-template-column: 1fr;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2em 0 0 0; }

.main {
  width: 80%;
  -ms-grid-column-align: center;
  justify-self: center; }
  .main .improve {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    background-image: url("../img/Home-roof.svg");
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: top;
    width: 100%;
    padding: 25% 20px 20px 20px;
    margin: 20px 0;
    text-align: center; }
    .main .improve .improve-subtitle {
      border-bottom: #666 1px solid;
      padding-bottom: 40px; }
    .main .improve .improve-services {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 3em;
      margin: 50px 0; }
      .main .improve .improve-services .improve-paint {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center; }
        .main .improve .improve-services .improve-paint h2 {
          padding: 10px; }

.gallery-outer-container {
  padding-bottom: 60px; }

.gallery-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .gallery-title h2 {
    margin: 40px 0;
    font-size: 3em; }

footer {
  background: #b3b3b3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 2em;
  -webkit-box-shadow: 0 -10px 100px black;
  box-shadow: 0 -10px 100px black; }
  footer .address {
    margin-bottom: 20px; }
    footer .address h3 {
      line-height: 2em; }
  footer .social h3 {
    line-height: 3em; }

@media screen and (min-width: 768px) {
  header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: ". logo logo nav nav nav  .";
    gap: 2em; }
    header .logo {
      grid-area: logo; }
    header .nav {
      grid-area: nav;
      font-size: 0.8rem;
      margin-bottom: 0; }

  .main-coming-soon .coming-soon {
    width: 600px; }

  .main .improve {
    width: 100%;
    margin: 60px 0; }
    .main .improve .improve-services {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      gap: 5em; }

  .gallery-outer-container {
    background-color: #424040;
    background-size: cover; }
    .gallery-outer-container .gallery-title h2 {
      color: #fff;
      padding: 60px 0 30px 0; }
    .gallery-outer-container .gallery-container {
      padding: 2em; }
      .gallery-outer-container .gallery-container .gallery {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        gap: 2em; }
        .gallery-outer-container .gallery-container .gallery .gallery-item img {
          width: 300px; }
        .gallery-outer-container .gallery-container .gallery .gallery-item h4, .gallery-outer-container .gallery-container .gallery .gallery-item p {
          width: 300px; } }
@media screen and (min-width: 1000px) {
  header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: ". . logo nav nav . .";
    gap: 2em; }
    header .logo {
      grid-area: logo; }
    header .nav {
      grid-area: nav;
      font-size: 0.8rem; }
    header div > h2 {
      line-height: 1.6em; }

  .main-coming-soon .coming-soon {
    width: 600px; }

  .main .improve {
    width: 100%;
    margin: 80px 0; }
    .main .improve .improve-subtitle {
      margin-bottom: 2em; }
    .main .improve .improve-services {
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 4em; }

  .gallery-outer-container .gallery-container .gallery {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 2em; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3; } }
@media screen and (min-width: 1200px) {
  .main-coming-soon .coming-soon {
    width: 800px; }

  header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: ". . logo nav nav nav .";
    gap: 2em; }
    header .logo {
      grid-area: logo; }
    header .nav {
      grid-area: nav;
      font-size: 1rem; }

  .main .improve {
    width: 100%; }
    .main .improve .improve-services {
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 6em; }

  footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    footer .social {
      text-align: right; }

  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }

  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }

  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }

  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; } }
@media screen and (min-width: 1600px) {
  header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: ". . logo nav nav nav .";
    gap: 2em; }
    header .logo {
      grid-area: logo; }
    header .nav {
      grid-area: nav;
      font-size: 1.2rem; }
    header div > h2 {
      line-height: 2em; }

  .main .improve {
    margin-top: 50px;
    width: 100%;
    text-align: center;
    justify-conent: center; }
    .main .improve .improve-services {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr); }

  .gallery-outer-container .gallery-container .gallery {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    gap: 1em; }

  .cta {
    font-size: 1.6em;
    padding: 6px 20px 16px 20px; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; } }
@media screen and (min-width: 2000px) {
  header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: ". . logo nav nav nav .";
    gap: 2em; }
    header .logo {
      grid-area: logo; }
    header .nav {
      grid-area: nav;
      font-size: 1.6rem; }

  .gallery-outer-container .gallery-container .gallery {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
    gap: 1em; }
    .gallery-outer-container .gallery-container .gallery .gallery-item img {
      width: 260px; }
    .gallery-outer-container .gallery-container .gallery .gallery-item h4, .gallery-outer-container .gallery-container .gallery .gallery-item p {
      max-width: 260px; }

  .main .improve {
    margin-top: 100px; }
    .main .improve h2 {
      font-size: 2em; }
    .main .improve .improve-services {
      margin: 200px 0; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; } }
@media screen and (min-width: 768px) {
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; } }
@media screen and (min-width: 1000px) {
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3; } }
@media screen and (min-width: 1200px) {

  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }

  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }

  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }

  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }

  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }

  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; } }
@media screen and (min-width: 1600px) {
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; }
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; } }
@media screen and (min-width: 2000px) {
  header .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1; }
  header .nav {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5; } }
@media screen and (min-width: 2200px) {
  .main .improve h2 {
    font-size: 2.4em; }

  .cta {
    font-size: 2em;
    padding: 8px 30px 20px 30px; } }