body {
    padding: 0px;
    font-family: 'Avenir', sans-serif;
    font-weight:  300;
    font-size: 18px;
    background-color: #fff;

}
em {
   font-style: italic;
}


* {
    outline: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.hp-slider {
    display: block;
    width: 100%;
    height: 100vh;xflanguage


}
.finer-flash {
    display: block;
    position: relative;
    top: -65px;
    left: 50%;
    width: 40px;
}
.finer-flash img {
    width: 100%;
    display: block;
    opacity:0;;
    animation: movefinger 1s 2;
    position: absolute;
}
@keyframes movefinger {

    from {left: 40px;opacity:0;}
    to {left: -20px;opacity:0.8;}
  }


a.menu-icon {
    display: block;
    position: absolute;
    z-index: 1000;
    text-decoration: none;
    padding: 40px;
    font-size: 25px;
    font-weight: 200;
}
a.menu-icon.white {
    color: white;
}
a.menu-icon.black {
    color: #333333;
}

a.menu-icon hr {
    border: 0px;
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 10px;
    width: 100%;
    transition: all 0.3s;
    float: left;
}
a.language-icon hr {
    border: 0px;
    margin: 0px;
    margin-top: 4px;
    margin-bottom: 10px;
    width: 100%;
    transition: all 0.3s;
    float: right;
}
a.menu-icon.white hr,  a.language-icon.white hr {
    border-top: solid 1px #ffffff;
}
a.menu-icon.black hr,  a.language-icon.black hr {
    border-top: solid 1px #333333;
}


a.menu-icon::before {
    display: block;
    height: 0px;
    border: 0px;
    width: 60%;
    content: "";
    margin-bottom: 5px;
    transition: all 0.3s;
}
a.menu-icon:hover::before {
    width: 100%;
}
a.menu-icon:hover hr {
    width: 60%;
}


a.menu-icon.white::before {
    border-bottom: solid 1px #ffffff;
}
a.menu-icon.black::before {
    border-bottom: solid 1px #333333;
}

a.language-icon {
    display: block;
    position: absolute;
    right: 0px;
    bottom:0px;
    z-index: 1000;
    text-decoration: none;
    padding: 40px;
    font-size: 25px;
    font-weight: 200;
}
a.language-icon.white {
    color: #fff;
}
a.language-icon.black {
    color: #333333;
}
a.language-icon::before {
    display: block;
    height: 5px;
    width: 60%;
    content: "";
    height: 1px;
    margin-bottom: 8px;
    float: right;
    transition: all 0.3s;
}
a.language-icon:hover::before {
    width: 100%;
}
a.language-icon:hover hr {
    width: 60%;
}
a.language-icon.white::before {
    border-bottom: solid 1px #fff;
}
a.language-icon.black::before {
    border-bottom: solid 1px #333333;
}

img.logo {
    width: 500px;
    position: absolute;
    -webkit-filter: drop-shadow( 0px 3px 5px rgba(0, 0, 0, .7));
    filter: drop-shadow( 0px 3px 5px rgba(0, 0, 0, .7));
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -80px;
}
div.social-icons.black.wow.fadeInRight {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
div.social-icons.black .switcher a::before {
    display: block;
    position: relative;
    margin: auto;
    top: -20px;
    height: 1px;
    width: 30px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #333;
    transition: width .3s linear;
}
div.social-icons.black .switcher a::after {
    display: block;
    position: relative;
    margin: auto;
    top: -50px;
    height: 1px;
    height: 20px;
    width: 50px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #333;
}
div.social-icons.black .switcher a:hover::before{
  width:100%;
}
div.social-icons {
    position: absolute;
    left: 0px;
    bottom:0px;
    z-index: 1000;
    font-size: 35px;
}
div.social-icons.black{
  position: fixed;
}
div.social-icons a {
    display: inline-block;
    text-decoration: none;
    padding: 40px;
    padding-right: 0px;
    transition: all 0.3s;
}
div.social-icons a:hover {
    transform:translateY(-10px);
}
div.social-icons.white a {
    color: #fff;
}
div.social-icons.black a {
    color: #333;
}
div.section-title {
    text-align: center;
    display: table;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #333333;
}
.section-title h1 {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 8px;
    margin-top: 80px;
}
.section-title h1::before {
    display: block;
    position: relative;
    margin: auto;
    top: -33px;
    height: 1px;
    width: 50px;
    content: "";
    border:0px;
    border-bottom: 1px solid #333333;

}
.section-title h1:after {
    display: block;
    position: relative;
    margin: auto;
    top: -80px;
    height: 1px;
    height: 20px;
    width: 100px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #333333;
}
.section-title h2 {
    margin-top: -10px;
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 1px;
    font-style: italic;
    margin-bottom: 60px;
}
/* .section-title h2::before {
    content: "“";
    font-size: 100px;
    position: relative;
    height:20px;
    text-align: left;
    opacity: 0.5;
    display: block;
    font-weight: 300;
}
.section-title h2::after {
    content: "„";
    font-size: 100px;
    position: relative;
    height: 20px;
    text-align: right;
    top:-50px;
    opacity: 0.5;
    font-weight: 300;
    display: block;
} */
.image-alone-left {
    width: 100%;
    height: auto;
}

.image-alone-left img {
    max-width: 540px;
    max-height: 300px;
    padding-right: 30px;
}
.image-alone-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.text-content {
    padding-left: 30px;
    word-break: break-word;
    white-space: pre-line;
    font-size: 20px;
    font-family: Avenir Light;
    color: #333;
    line-height: 28px;
    margin-top: -3%;
}

strong{
  font-weight: bold;
    color: #000;
}

}
.text-content strong {
    font-weight: bold;
}

.text-content div {
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
    margin-bottom: 20px;
}
.button {
    display: table;
    margin: auto;
    font-size: 20px;
}
.button-wrapper {
    padding-top: 100px;
    padding-bottom:100px;
}
.big-black-outline {
    border: 2px solid #000000;
    padding: 20px 40px 20px 40px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    position: relative;
    top:0px;
    transition: all 0.2s;
    letter-spacing: 1px;

}
.big-black-outline:hover{
    background: #000;
    text-decoration: none;
    color: #fff;
    position: relative;
    box-shadow: none;
}
.row-bacground-silver {
    background: #F0F0F0;
}
.pageWrp .black-nav-text  {
    color: black;
}
.pageWrp .wihte-nav-text  {
    color: white;
}


div.subpage-title-row {
    position: absolute;
    display:block;
    width: 100%
}
a.subpage-title-col {
    display:table;
    width: 200px;
    margin:auto;
    text-align: center;
    margin-top: 40px;
    text-decoration: none;
}
a.subpage-title-col h1 {
    color: #333;
    font-family: "OswaldStencil-Bold";
    font-size: 70px;
    text-align: center;
    z-index: 1300;
}
a.subpage-title-col h2 {
    color: #333;
    font-weight: 200;
    font-size: 18px;
    margin-left: 4px;
    padding-top: 0px;
    text-align: center;
    z-index: 1300;
    letter-spacing: 5px;

}
div.subpage-pagetitle-row {
    display: block;
    position: relative;
    text-align: center;
    width:100%;
    bottom: 0px;
}

div.subsection-title {
    text-align: center;
    display: table;
    width: 100%;
}
h1, h2, h3, h4, h5, h6 {
    color: #333333;
}
.subsection-title h1 {
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 4px;
    margin-top:50px;
    position: relative;
}
.subsection-title h1::before {
    display: block;
    position: absolute;
    margin: auto;
    top: -33px;
    right: 0;
    left: 0;
    height: 1px;
    width: 50px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #333;
}

.subsection-title h1:after {
    display: block;
    position: absolute;
    margin: auto;
    top: -20px;
    right: 0;
    left: 0;
    height: 1px;
    width: 100px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #333;
}
.subsection-title h2 {
    margin-top: 10px;
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 1px;
    font-style: italic;
    margin-bottom: 50px;
}
.cntRow.instagallery img {
    width: 100%;
    display: block;
    margin: auto;
}
.hp-projects-title {
    display:  block;
    margin:auto;
    margin-top: 20px;
    width: 80%;
    text-align: center;

}
.hp-projects-title h3 {
    text-align: center;
    font-size: 21px;
    line-height: 130%;

}
.hp-projects-title h4 {
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
    font-style: italic;
}
.hp-paralax-row {
    overflow: hidden;
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 220px 0px 200px 0px;
}
.hp-paralax-shadow {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0px;
    background: rgba(0, 0, 0, .5);
    left: 0px;
}
.hp-quote-text {
    display: block;
    line-height: 60px;
    max-width: 700px;
    color: #fff;
    text-align: center;
    margin: auto;
    position: relative;
    width: 100%;


}
.hp-quote-text .hp-quote {
    width: 100%;
    text-align: center;
    font-weight: 100;
    font-family: Avenir;
    font-size: 24px;
    font-style: italic;
}
.hp-quote-text .hp-qupte-author {
    text-align:center;
    color: #aaa;
    font-weight: 200;
}

.footer::before {
    background: rgb(0,0,0);
    background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    content: "";
    position: relative;
    display: block;
    height: 1px;
    width: 100%;
    margin-bottom: 20px;
}
.footer {
    padding-bottom: 20px;
    text-align: center;
    color: #aaa;
    font-size: 13px;
    width: 70%;
    margin: auto;
    line-height: 150%;
}

.footer a {
    text-decoration: none;
    color: #aaa;
    transition: all 0.2s;
}
.footer a:hover {
    color: #000000;
}
.mobile {
    display: none;
}
.nomobile {
    display: block;
}
.project1, .project2, .project3 {
    padding: 0px 10px;
}

.aboutmenu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:0;
}
.aboutmenu .col-left,.aboutmenu .col-right{
  width: 140px;
}
.aboutmenu a.menu-icon {
    display: block;
    z-index: 1000;
    text-decoration: none;
    font-size: 25px;
    font-weight: 200;
    position: relative;
}
.aboutmenu a.subpage-title-col{
  margin: 0;
}
.col-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.social-icons.white {
    display: flex;
    width: 100%;
}
.switcher {
    margin-left: auto;
    margin-right: 40px;
    margin-top: 14px;
}
.switcher a{

  text-align: center;
    font-size: 18px;
}
.switcher a::before {
    display: block;
    position: relative;
    margin: auto;
    top: -20px;
    height: 1px;
    width: 30px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #fff;
    transition: width .3s linear;
}
.switcher a::after {
    display: block;
    position: relative;
    margin: auto;
    top: -50px;
    height: 1px;
    height: 20px;
    width: 50px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #fff;
}
.switcher a:hover::before{
  width: 50px;
}

 /*  -------------------- changes for responsivity  --------------------  */

@media (min-width: 0px) and (max-width: 350px) {
    .button-wrapper {
        padding-top: 40px;
        padding-bottom:40px;
    }
    .section-title h1 {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 8px;
    margin-top: 50px;
}
.section-title h1::before {
    display: block;
    margin: auto;
    top: -20px;
    height: 1px;
    width: 50px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #333;
}
    .mobile {
        display: block;
    }
    .nomobile {
        display: none;
    }
    div.social-icons {
        font-size: 25px;
    }
    div.social-icons a {
        padding: 10px 10px 10px 20px;
    }
    a.menu-icon {
        padding: 20px 0;
        font-size: 20px;
        font-weight: 300px;
    }
    a.language-icon {
        font-size: 20px;
        font-weight: 300;
        padding: 20px;
    }
    .hp-paralax-row {
        padding: 200px 0px 150px 0px;
        background-size: cover;
    }
    .hp-quote-text {
        line-height:200%;
    }
    .hp-quote-text .hp-quote {
        font-size: 25px;
        width: 100%;
        font-weight: 100;
    }
    .hp-quote-text .hp-quote::before {
        margin-left: 10%;
    }
    .hp-quote-text .hp-quote::after {
        margin-top: 20px;
        margin-right: 10%;
    }
    .button {
        font-size: 15px;
    }
    .big-black-outline {
        margin-top: 30px;
        margin-bottom: 40px;
        padding: 15px 20px;
    }
    .section-title h1 {

        letter-spacing: 0px;
        font-size: 26px;
    }
    .section-title h1::before {
        height: 10px;
        top: -20px;
        border-bottom: 0px;
        border-top: 1px solid #333;
    }
    .section-title h1::after {
      display: block;
          position: relative;
          margin: auto;
          top: -90px;
          height: 1px;
          height: 20px;
          width: 100px;
          content: "";
          border: 0px;
          border-bottom: 1px solid #333;
    }
    .section-title h2 {
        width: 80%;
        margin: auto;
        line-height: 130%;
        font-size: 16px;
        margin-bottom: 30px;
    }
   .text-content {
        padding-left: 0px;

    }
    .text-content  strong{
        font-weight: 500;
    }
    .text-content div {
        font-size: 15px;
        line-height: 22px;
        width: 85%;
        display: block;
        margin: auto;
        text-align: justify;
        margin-top: 20px;
    }
    .cntCol2 img {
        display:block;
        width: 90%;
        margin:auto;
    }
    .cntRow.instagallery img {
        width: 100%;
    }
    .hp-projects-title h3 {
        font-size: 15px;
        font-weight: 300;
        color: #ffffff;
    }
    .hp-projects-title h4 {
        font-size: 14px;
        margin-top: 5px;
        color: #ffffff;
        font-weight: 200;
    }
    .hp-projects-title {
        width: 80%;
        margin:auto;
        text-align: center;
        position: relative;
        margin-top:0px;
        top: -85px;
        margin-bottom: -40px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    }
    .footer {
        width: 100%;
    }
    .project1, .project2, .project3 {
        padding: 0px 20px;

    }
    a.subpage-title-col {
        margin-top: 15px;
    }
    a.subpage-title-col h1 {
        font-size: 50px;
    }
    a.subpage-title-col h2 {
        font-size: 14px;
        letter-spacing: 3px;
    }



    .subsection-title h1{
        font-size: 25px;
   }
   .subsection-title h2 {
     margin-top: 2px;
         text-align: center;
         font-size: 13px;
         font-weight: 300;
         letter-spacing: 1px;
         font-style: italic;
         margin-bottom: 10px;
    }
    .subsection-title h1:after {
        top: -15px;
    }
    .subsection-title h1::before {
        top: -25px;
    }

}
@media (min-width:0) and (max-width: 576px) {
  .menuhide{
display: none;
}
.aboutmenu h2{
  margin: 0;
}
}
@media (min-width:351px) and (max-width: 576px) {
    .hp-paralax-row {
        background-attachment:scroll;
    }
    .button-wrapper {
        padding-top: 40px;
        padding-bottom:40px;
    }
    .mobile {
        display: block;
    }
    .nomobile {
        display: none;
    }
    div.social-icons {
        font-size: 25px;
    }
    div.social-icons a {
        padding: 10px 10px 10px 20px;
    }
    a.menu-icon {
        padding: 20px;
        font-size: 20px;
        font-weight: 300px;
    }
    a.language-icon {
        font-size: 20px;
        font-weight: 300;
        padding: 20px;
    }
    .hp-paralax-row {
        padding: 200px 0px 150px 0px;
    }
    .hp-quote-text {
        line-height:200%;
    }
    .hp-quote-text .hp-quote {
        font-size: 24px;
        width: 100%;
        font-weight: 100;
    }
    .hp-quote-text .hp-quote::before {
        margin-left: 10%;
    }
    .hp-quote-text .hp-quote::after {
        margin-top: 20px;
        margin-right: 10%;
    }
    .button {
        font-size: 15px;
    }
    .big-black-outline {
        padding: 15px 20px;
    }
    .section-title h1 {

        letter-spacing: 0px;
        font-size: 26px;
    }
    .section-title h1::before {

        height: 10px;
        border-bottom: 0px;
        border-top: 1px solid #333333;

    }
    .section-title h2 {
        width: 80%;
        margin: auto;
        line-height: 130%;
        font-size: 16px;
        margin-bottom: 30px;
        margin-top: -15px;
    }
      .text-content {
        padding: 30px;

    }
    .text-content div {
        font-size: 17px;
        line-height: 22px;
        width: 85%;
        display: block;
        margin: auto;
        text-align: justify;
        margin-top: 20px;
    }
    .cntCol2 img {
        display:block;
        width: 90%;
        margin:auto;
    }
    .cntRow.instagallery img {
        width: 100%;

    }
    .hp-projects-title h3 {
        font-size: 18px;
        font-weight: 300;
        color: #ffffff;
    }
    .hp-projects-title h4 {
        font-size: 14px;
        margin-top: 5px;
        color: #ffffff;
        font-weight: 200;
    }
    .hp-projects-title {
        width: 90%;
        margin:auto;
        text-align: center;
        position: relative;
        margin-top:0px;
        top: -85px;
        margin-bottom: -40px;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
    }
    .footer {
        width: 100%;
    }
    .image-alone-left img {
        width: 90%;
        float: center;

    }
    .project1, .project2, .project3 {
        padding: 0px 20px;
    }
    a.subpage-title-col {
        margin-top: 20px;
    }
    a.subpage-title-col h1 {
        font-size: 50px;
    }
    a.subpage-title-col h2 {
        font-size: 14px;
        letter-spacing: 3px;
        margin-bottom: 85px;
    }
    .aboutmenu .col-center h2{
      margin-bottom: 0;
    }
    .aboutme a.subpage-title-col h2{
      margin-bottom: 0;
    }
    .aboutmenu .col-left, .aboutmenu .col-right {
    width: 110px;
}
    .subsection-title {
        zoom: 0.9;
        position: relative;
        top: -20px;
    }
    .subsection-title h1{
        font-size: 25px;
   }
   .subsection-title h2 {
        margin-top: 2px;
        text-align: center;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 1px;
        font-style: italic;
        margin-bottom: 60px;
    }
    .subsection-title h1:after {
        top: -20px;
    }
    .subsection-title h1::before {
        top: -35px;
    }


}
@media only screen and (max-width: 768px){
  div.image-alone-left img {
      max-width: 540px;
      max-height: 300px;
      padding-right: 0;
  }
  .aboutmenu{
    padding: 10px;
    max-height: 80px;
  }
  div.prihovor{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .text-content {
      padding: 0 0 0 20px;
      word-break: break-word;
      white-space: pre-line;
  }
div.social-icons.black div.switcher {
    margin-left: auto;
    margin-right: 0;
}
}
@media (min-width: 577px) and (max-width: 768px) {
  .aboutmenu .col-left,.aboutmenu .col-right{
    width: 110px;
  }
    .hp-paralax-row {
        background-attachment:scroll;
    }
    .button-wrapper {
        padding-top: 40px;
        padding-bottom:40px;
    }
    .mobile {
        display: inline;
    }
    .nomobile {
        display: none;
    }
    div.social-icons {
        font-size: 25px;
    }
    div.social-icons a {
        padding: 20px;
    }
    a.menu-icon {
        padding: 20px;
        font-size: 20px;
        font-weight: 300px;
    }
    a.language-icon {
        font-size: 20px;
        font-weight: 300;
        padding: 20px;
    }
    .hp-paralax-row {
        padding: 200px 0px 150px 0px;
    }
    .hp-quote-text {
        line-height:200%;
    }
    .hp-quote-text .hp-quote {
        font-size: 30px;
        width: 100%;
        font-weight: 100;
    }
    .hp-quote-text .hp-quote::before {
        margin-left: 10%;
    }
    .hp-quote-text .hp-quote::after {
        margin-top: 20px;
        margin-right: 10%;
    }
    .button {
        font-size: 15px;
    }
    .big-black-outline {

        padding: 15px 20px;
    }
    .section-title h1 {

        letter-spacing: 0px;
        font-size: 26px;
    }
    .section-title h1::before {

        height: 10px;
        border-bottom: 0px;
        border-top: 1px solid #333333;

    }
    .section-title h2 {
        width: 80%;
        margin: auto;
        line-height: 130%;
        font-size: 16px;
        margin-bottom: 30px;
    }
   .text-content {
        padding-left: 0px;

    }
    .text-content div {
        font-size: 17px;
        line-height: 22px;
        width: 90%;
        display: block;
        margin: auto;
        text-align: left;
        margin-bottom: 20px;

    }
    .cntCol2 img {
        display:block;
        width: 90%;
        margin:auto;
    }
    .cntRow.instagallery img {
        width: 100%;

    }
    .hp-projects-title h3 {
        font-size: 18px;
        font-weight: 400;
    }
    .hp-projects-title h4 {
        font-size: 14px;
        line-height: 130%;
    }

    .footer {
        width: 100%;
    }
    .image-alone-left img {
        width: 95%;
        float: right;
    }
    .project1, .project2, .project3 {
        padding: 0px 10px;
    }
    .instagallery {
        padding:0px 10px;
    }
    .subsection-title h2 {
        margin-bottom: 60px;
    }
    .footer {
        width: 50%;
    }
    .subsection-title h2 {
        margin-bottom: 30px;
    }
}
@media (min-width: 769px) and (max-width: 992px){
    .section-title h1 {
        letter-spacing: 0px;
        font-size: 20px;
        margin-top: 70px;
    }
    .section-title h1:after {
    top: -70px;
}
    .section-title h1::before {

        height: 10px;
        border-bottom: 0px;
        border-top: 1px solid #333333;

    }
    .section-title h2 {
        width: 80%;
        margin: auto;
        line-height: 130%;
        font-size: 14px;
        margin-bottom: 10px;
    }
}
@media (min-width: 993px) and (max-width: 1200px){
        .button-wrapper {
            padding-top: 50px;
            padding-bottom:50px;
        }
        .hp-projects-title h3 {
            font-size: 18px;
            font-weight: 400;
        }
        .hp-projects-title h4 {
            font-size: 14px;
            line-height: 130%;
        }

        .text-content {
            padding-left: 0px;

        }
        .text-content div {
            font-size: 17px;
            line-height: 28px;
            width: 90%;
            display: block;
            margin: auto;
            text-align: left;
            margin-bottom: 20px;
        }
        .image-alone-left img {
            width: 95%;
            float: right;

        }
        .cntRow.instagallery img {
            width: 100%;

        }
        .project1, .project2,.project3 {
            padding: 0px 10px;
        }
        .instagallery {
            padding: 0px 10px;
        }

        .footer {
            width: 50%;
        }
        .hp-paralax-row {
            background-attachment:scroll;
        }
        .subsection-title h2 {
            margin-bottom: 30px;
        }

}
@media (min-width: 1201px) and (max-width: 1440px) {
    .button-wrapper {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .text-content {
    padding-left: 0px;
    word-break: break-word;
    white-space: pre-line;
    }
    .text-content div {
        font-size: 20px;
        line-height: 28px;
        width: 90%;

        display: block;
        margin: auto;
        text-align: left;
        margin-bottom: 20px;
    }
    .project1, .project2,.project3 {
        padding: 0px 10px;
    }
    .instagallery {
        padding: 0px 10px;
    }
    .big-black-outline {

    }
    a.subpage-title-col h1 {
        font-size: 65px;
    }
    a.subpage-title-col h2 {
        font-size: 18px;
        letter-spacing: 4px;
    }
    a.subpage-title-col {
        margin-top: 40px;
    }

    .subsection-title h1 {
        font-size: 31px;
    }
    .subsection-title h2 {
        margin-bottom: 20px;
        font-size: 18px;
    }
    .subsection-title h1::after {
        top: -15px;
    }
}

@media only screen and (max-width: 768px) {
  div.social-icons-black div.switcher a{
    text-align: center;
    margin-right: 0;
  }
  div.social-icons-black div.switcher, div.switcher{
    text-align: center;
    margin-right: 20px;
  }
  .switcher a::before {
    display: block;
    position: relative;
    margin: auto;
    top: -20px;
    height: 1px;
    width: 30px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #fff;
    transition: width .3s linear;
}
.switcher a::after {
    display: block;
    position: relative;
    margin: auto;
    top: -50px;
    height: 1px;
    height: 20px;
    width: 50px;
    content: "";
    border: 0px;
    border-bottom: 1px solid #fff;
}
}

@media (min-width: 1441px) and (max-width: 1600px) {

}

@media (min-width: 1601px) and (max-width: 1920px) {

}

@media (min-width: 1921px) {

}
a.venobox.slick-slide {
    margin: 5px;
    overflow: visible;
    z-index: 1000;
    max-height: 450px;
}
a.venobox.slick-slide img{
  height: 450px;
}
div.image-left-alone img{
  max-width: 540px;
  max-height: 300px;
  margin-right: 30px;
}