@font-face {
    font-family: "HR";
    src: url("../fonts/HR.ttf") format("truetype"),
      url("../fonts/HR.woff") format("woff"), 
      url("../fonts/HR.woff2") format("woff2"); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "HM";
    src: url("../fonts/HM.ttf") format("truetype"),
      url("../fonts/HM.woff") format("woff"),
      url("../fonts/HM.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "HB";
    src: url("../fonts/HB.ttf") format("truetype"),
      url("../fonts/HB.woff") format("woff"),
      url("../fonts/HB.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OR";
    src: url("../fonts/OR.ttf") format("truetype"),
      url("../fonts/OR.woff") format("woff"),
      url("../fonts/OR.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OI";
    src: url("../fonts/OI.ttf") format("truetype"),
      url("../fonts/OI.woff") format("woff"),
      url("../fonts/OI.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

*{
    box-sizing: border-box;
}

body{
    background-color: #F6F5F1;
    padding: 0;
    margin: 0;
    color: #000;
    font-family: "HM", Helvetica, sans-serif;
    cursor: none;
}

::-moz-selection { 
    background: #BDBDBD;
  }
  
  ::selection {
    background: #BDBDBD;
  }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
.col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
    padding: 10px;
}

.cursor {
    position: absolute;
    background: #000;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    z-index: 99;
    transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
        0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
    user-select: none;
    pointer-events: none;
}

.site-page{
    width: 100%;
    height: auto;
    position: relative;
}
    
.menu-site{
    width: 100%;
    position: fixed;
    z-index: 10;
    padding: 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
    
.menu-site-left{
    height: 14px;
}
    
.logo{
    font-family: "HM", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
}
    
.logo a{
    text-decoration: none;
    color: #000;
    cursor: none;
}
    
.menu-site-center{
    height: 22px;
}
    
.menu-site-center a{
    color: #000;
    font-family: "HM", Helvetica, sans-serif;
    font-size: 22px;
    line-height: 100%;
    text-transform: inherit;
    text-decoration: none;
    cursor: none;
}
    
.menu-site-center a:hover, .menu-site-center .active{
    color: #4E6937;
}
    
.menu-site-right{
    height: 14px;
    display: flex;
}
    
.date-counter{
    width: 125px;
    font-family: "HM", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 100%;
    text-align: right;
    text-transform: uppercase;
    margin: 0;
    pointer-events: none;
}
    
.table-icon{
    display: none;
    position: relative;
    top: -10px;
    padding-left: 7px;
}

div#myNav {
    display: none;
}
    
.scroll-content{
    width: 100%;
    height: 100%;
    padding: 180px 10px 0 10px;
}

.project-line-1, .project-line-2, .project-line-3, .project-line-4,
.project-line-5, .project-line-6, .project-line-7, .project-line-8,
.project-line-9, .project-line-10, .project-line-11, .project-line-12,
.project-line-13, .project-line-14, .project-line-15, .project-line-16,
.project-line-17, .project-line-18, .project-line-19, .project-line-20,
.project-line-21, .project-line-22, .project-line-23, .project-line-24{
    padding-bottom: 180px;
} 
   
.project-description, .project-images{
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
}

.project-description h2 {
    font-family: "HM", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 0;
    transform: translateY(42px);
}

.image-responsive{
    width: 100%;
}

.ih-1 img:hover{
    content: url(../images/projects/project_1/project_1_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-2 img:hover{
    content: url(../images/projects/project_1/project_1_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-3 img:hover{
    content: url(../images/projects/project_1/project_1_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-4 img:hover{
    content: url(../images/projects/project_2/project_2_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-5 img:hover{
    content: url(../images/projects/project_2/project_2_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-6 img:hover{
    content: url(../images/projects/project_2/project_2_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-7 img:hover{
    content: url(../images/projects/project_3/project_3_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-8 img:hover{
    content: url(../images/projects/project_3/project_3_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-9 img:hover{
    content: url(../images/projects/project_3/project_3_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-10 img:hover{
    content: url(../images/projects/project_4/project_4_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-11 img:hover{
    content: url(../images/projects/project_4/project_4_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-12 img:hover{
    content: url(../images/projects/project_4/project_4_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-13 img:hover{
    content: url(../images/projects/project_5/project_5_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-14 img:hover{
    content: url(../images/projects/project_5/project_5_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-15 img:hover{
    content: url(../images/projects/project_5/project_5_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-16 img:hover{
    content: url(../images/projects/project_6/project_6_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-17 img:hover{
    content: url(../images/projects/project_6/project_6_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-18 img:hover{
    content: url(../images/projects/project_6/project_6_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-19 img:hover{
    content: url(../images/projects/project_7/project_7_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-20 img:hover{
    content: url(../images/projects/project_7/project_7_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-21 img:hover{
    content: url(../images/projects/project_7/project_7_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-22 img:hover{
    content: url(../images/projects/project_8/project_8_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-23 img:hover{
    content: url(../images/projects/project_8/project_8_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-24 img:hover{
    content: url(../images/projects/project_8/project_8_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-25 img:hover{
    content: url(../images/projects/project_9/project_9_drawer.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-26 img:hover{
    content: url(../images/projects/project_9/project_9_detail.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-27 img:hover{
    content: url(../images/projects/project_9/project_9_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-28 img:hover{
    content: url(../images/projects/project_10/project_10_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-29 img:hover{
    content: url(../images/projects/project_10/project_10_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-30 img:hover{
    content: url(../images/projects/project_10/project_10_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-31 img:hover{
    content: url(../images/projects/project_11/project_11_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-32 img:hover{
    content: url(../images/projects/project_11/project_11_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-33 img:hover{
    content: url(../images/projects/project_11/project_11_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-34 img:hover{
    content: url(../images/projects/project_12/project_12_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-35 img:hover{
    content: url(../images/projects/project_12/project_12_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-36 img:hover{
    content: url(../images/projects/project_12/project_12_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-37 img:hover{
    content: url(../images/projects/project_13/project_13_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-38 img:hover{
    content: url(../images/projects/project_13/project_13_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-39 img:hover{
    content: url(../images/projects/project_13/project_13_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-40 img:hover{
    content: url(../images/projects/project_14/project_14_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-41 img:hover{
    content: url(../images/projects/project_14/project_14_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-42 img:hover{
    content: url(../images/projects/project_14/project_14_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-43 img:hover{
    content: url(../images/projects/project_15/project_15_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-44 img:hover{
    content: url(../images/projects/project_15/project_15_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-45 img:hover{
    content: url(../images/projects/project_15/project_15_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-46 img:hover{
    content: url(../images/projects/project_16/project_16_detail.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-47 img:hover{
    content: url(../images/projects/project_16/project_16_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-48 img:hover{
    content: url(../images/projects/project_16/project_16_flower.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-49 img:hover{
    content: url(../images/projects/project_17/project_17_drawer.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-50 img:hover{
    content: url(../images/projects/project_17/project_17_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-51 img:hover{
    content: url(../images/projects/project_17/project_17_flower.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-52 img:hover{
    content: url(../images/projects/project_18/project_18_drawer.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-53 img:hover{
    content: url(../images/projects/project_18/project_18_flower.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-54 img:hover{
    content: url(../images/projects/project_18/project_18_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-55 img:hover{
    content: url(../images/projects/project_19/project_19_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-56 img:hover{
    content: url(../images/projects/project_19/project_19_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-57 img:hover{
    content: url(../images/projects/project_19/project_19_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-58 img:hover{
    content: url(../images/projects/project_20/project_20_detail.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-59 img:hover{
    content: url(../images/projects/project_20/project_20_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-60 img:hover{
    content: url(../images/projects/project_20/project_20_flower.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-61 img:hover{
    content: url(../images/projects/project_21/project_21_drawer.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-62 img:hover{
    content: url(../images/projects/project_21/project_21_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-63 img:hover{
    content: url(../images/projects/project_21/project_21_flower.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-64 img:hover{
    content: url(../images/projects/project_22/project_22_drawer.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-65 img:hover{
    content: url(../images/projects/project_22/project_22_flower.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-66 img:hover{
    content: url(../images/projects/project_22/project_22_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-67 img:hover{
    content: url(../images/projects/project_23/project_23_flower.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-68 img:hover{
    content: url(../images/projects/project_23/project_23_detail.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-69 img:hover{
    content: url(../images/projects/project_23/project_23_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-70 img:hover{
    content: url(../images/projects/project_24/project_24_detail.jpg);
    transform: scale(1.5);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-71 img:hover{
    content: url(../images/projects/project_24/project_24_drawer.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.ih-72 img:hover{
    content: url(../images/projects/project_24/project_24_flower.jpg);
    transform: scale(1.3);
    z-index: 2;
    transition: 0.3s;
    transition: 0.3s;
    background-color: #d3d1cc;
}

.footer-site {
    width: 100%;
    display: flex;
    padding: 10px 0 15px 10px;
    justify-content: space-between;
    align-items: flex-end;
}

.footer-left{
    order: 1;
}
    
.footer-left h3 {
    font-family: "HM", Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 90%;
    pointer-events: none;
}
    
.footer-left h3 a {
    color: #000;
    font-family: "HB", Helvetica, sans-serif;
    text-decoration: none;
    pointer-events: visible;
    cursor: none;
}

.footer-left h3 a:hover{
    color: #4E6937;
}

.footer-center{
    order: 2;
}
    
.footer-center a {
    color: #000;
    font-family: "HM", Helvetica, sans-serif;
    font-size: 22px;
    text-decoration: none;
    line-height: 150%;
    cursor: none;
}
    
.footer-center a:hover {
    color: #4E6937;
}

.footer-right{
    order: 3;
}
    
.footer-right h3 {
    font-family: "HM", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 90%;
    text-transform: uppercase;
    pointer-events: none;
} 

@media (max-width: 1024px){
    body{
        cursor: default;
    }

    .cursor{
        display: none;
    }

    .scroll-content {
        padding: 130px 20px 0 20px;
    }

    .project-line-1, .project-line-2, .project-line-3, .project-line-4,
    .project-line-5, .project-line-6, .project-line-7, .project-line-8,
    .project-line-9, .project-line-10, .project-line-11, .project-line-12,
    .project-line-13, .project-line-14, .project-line-15, .project-line-16,
    .project-line-17, .project-line-18, .project-line-19, .project-line-20,
    .project-line-21, .project-line-22, .project-line-23, .project-line-24{
        padding-bottom: 130px;
    } 
}

@media (max-width: 992px){
    .scroll-content {
        padding: 80px 20px 0 20px;
    }

    .project-line-1, .project-line-2, .project-line-3, .project-line-4,
    .project-line-5, .project-line-6, .project-line-7, .project-line-8,
    .project-line-9, .project-line-10, .project-line-11, .project-line-12,
    .project-line-13, .project-line-14, .project-line-15, .project-line-16,
    .project-line-17, .project-line-18, .project-line-19, .project-line-20,
    .project-line-21, .project-line-22, .project-line-23, .project-line-24{
        padding-bottom: 80px;
    } 

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,
    .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,
    .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
        padding: 0;
    }

    .empty-space{
        display: none;
    }

    .project-description, .project-images{
        flex-wrap: wrap;
    }

    .project-images img{
        padding-bottom: 20px;
    }

    .project-description h2{
        line-height: 125%;
        transform: translateY(-5px);
    }

    .project-description h2:nth-child(2), .project-description h2:nth-child(4){
        text-align: right;
    }

    .ih-1, .ih-1 img:hover{
        content: url(../images/projects/project_1/project_1_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-4, .ih-4 img:hover{
        content: url(../images/projects/project_2/project_2_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-9, .ih-9 img:hover{
        content: url(../images/projects/project_3/project_3_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-11, .ih-11 img:hover{
        content: url(../images/projects/project_4/project_4_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-13, .ih-13 img:hover{
        content: url(../images/projects/project_5/project_5_drawer_mobile.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-16, .ih-16 img:hover{
        content: url(../images/projects/project_6/project_6_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-21, .ih-21 img:hover{
        content: url(../images/projects/project_7/project_7_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-23, .ih-23 img:hover{
        content: url(../images/projects/project_8/project_8_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-25, .ih-25 img:hover{
        content: url(../images/projects/project_9/project_9_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-28, .ih-28 img:hover{
        content: url(../images/projects/project_10/project_10_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-33, .ih-33 img:hover{
        content: url(../images/projects/project_11/project_11_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-35, .ih-35 img:hover{
        content: url(../images/projects/project_12/project_12_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-37, .ih-37 img:hover{
        content: url(../images/projects/project_13/project_13_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-40, .ih-40 img:hover{
        content: url(../images/projects/project_14/project_14_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-45, .ih-45 img:hover{
        content: url(../images/projects/project_15/project_15_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-46, .ih-46 img:hover{
        content: url(../images/projects/project_16/project_16_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-47, .ih-47 img:hover{
        content: url(../images/projects/project_16/project_16_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-48, .ih-48 img:hover{
        content: url(../images/projects/project_16/project_16_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-49, .ih-49 img:hover{
        content: url(../images/projects/project_17/project_17_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-50, .ih-50 img:hover{
        content: url(../images/projects/project_17/project_17_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-51, .ih-51 img:hover{
        content: url(../images/projects/project_17/project_17_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-52, .ih-52 img:hover{
        content: url(../images/projects/project_18/project_18_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-53, .ih-53 img:hover{
        content: url(../images/projects/project_18/project_18_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-54, .ih-54 img:hover{
        content: url(../images/projects/project_18/project_18_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-55, .ih-55 img:hover{
        content: url(../images/projects/project_19/project_19_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-56, .ih-56 img:hover{
        content: url(../images/projects/project_19/project_19_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-57, .ih-57 img:hover{
        content: url(../images/projects/project_19/project_19_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-58, .ih-58 img:hover{
        content: url(../images/projects/project_20/project_20_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-59, .ih-59 img:hover{
        content: url(../images/projects/project_20/project_20_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-60, .ih-60 img:hover{
        content: url(../images/projects/project_20/project_20_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-61, .ih-61 img:hover{
        content: url(../images/projects/project_21/project_21_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-62, .ih-62 img:hover{
        content: url(../images/projects/project_21/project_21_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-63, .ih-63 img:hover{
        content: url(../images/projects/project_21/project_21_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-64, .ih-64 img:hover{
        content: url(../images/projects/project_22/project_22_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-65, .ih-65 img:hover{
        content: url(../images/projects/project_22/project_22_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-66, .ih-66 img:hover{
        content: url(../images/projects/project_22/project_22_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-67, .ih-67 img:hover{
        content: url(../images/projects/project_23/project_23_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-68, .ih-68 img:hover{
        content: url(../images/projects/project_23/project_23_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-69, .ih-69 img:hover{
        content: url(../images/projects/project_23/project_23_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-70, .ih-70 img:hover{
        content: url(../images/projects/project_24/project_24_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-71, .ih-71 img:hover{
        content: url(../images/projects/project_24/project_24_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }
    
    .ih-72, .ih-72 img:hover{
        content: url(../images/projects/project_24/project_24_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 20px;
    }

    .ih-1 img:hover, .ih-2 img:hover, .ih-3 img:hover, .ih-4 img:hover, .ih-5 img:hover,
    .ih-6 img:hover, .ih-7 img:hover, .ih-8 img:hover, .ih-9 img:hover, .ih-10 img:hover,
    .ih-11 img:hover, .ih-12 img:hover, .ih-13 img:hover, .ih-14 img:hover, .ih-15 img:hover,
    .ih-16 img:hover, .ih-17 img:hover, .ih-18 img:hover, .ih-19 img:hover, .ih-20 img:hover,
    .ih-21 img:hover, .ih-22 img:hover, .ih-23 img:hover, .ih-24 img:hover, .ih-25 img:hover,
    .ih-26 img:hover, .ih-27 img:hover, .ih-28 img:hover, .ih-29 img:hover, .ih-30 img:hover,
    .ih-31 img:hover, .ih-32 img:hover, .ih-33 img:hover, .ih-34 img:hover, .ih-35 img:hover,
    .ih-36 img:hover, .ih-37 img:hover, .ih-38 img:hover, .ih-39 img:hover, .ih-40 img:hover,
    .ih-41 img:hover, .ih-42 img:hover, .ih-43 img:hover, .ih-44 img:hover, .ih-45 img:hover,
    .ih-46 img:hover, .ih-47 img:hover, .ih-48 img:hover, .ih-49 img:hover, .ih-50 img:hover,
    .ih-51 img:hover, .ih-52 img:hover, .ih-53 img:hover, .ih-54 img:hover, .ih-55 img:hover,
    .ih-56 img:hover, .ih-57 img:hover, .ih-58 img:hover, .ih-59 img:hover, .ih-60 img:hover,
    .ih-61 img:hover, .ih-62 img:hover, .ih-63 img:hover, .ih-64 img:hover, .ih-65 img:hover,
    .ih-66 img:hover, .ih-67 img:hover, .ih-68 img:hover, .ih-69 img:hover, .ih-70 img:hover,
    .ih-71 img:hover, .ih-72 img:hover{
       content: none;
       transform: scale(1);
       z-index: 0;
       background: none;
    }
}

@media (max-width: 768px){
    div#myNav {
        display: block;
    }

    .table-icon{
        display: block;
    }

    .menu-site-center{
        display: none;
    }

    .overlay{
        height: 0;
        width: 100%;
        position: fixed;
        z-index: 11;
        left: 0;
        top: 0;
        background-color: #242424;
        overflow-x: hidden;
        transition: 0.5s;
    }

    .top-mobile {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding: 14px 20px;
    }

    .logo-mobile a {
        color: #F6F5F1;
        font-family: "HM", Helvetica, sans-serif;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0;
    }

    .date-counter-mobile {
        position: absolute;
        right: 38px;
    }

    .date-counter-mobile span {
        color: #F6F5F1;
        font-family: "HM", Helvetica, sans-serif;
        font-size: 14px;
        padding-right: 7px;
    }

    .overlay .closebtn {
        position: absolute;
        top: 10px;
        right: 20px;
    }

    .overlay .closebtn img {
        transform: rotate(180deg);
    }
    
    .overlay-content {
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        top: 46%;
        width: 100%;
        transform: translateY(-50%);
        padding: 0 20px;
    }
    
    .overlay-content a {
        font-family: "HR", Helvetica, sans-serif;
        text-decoration: none;
        font-size: 42px;
        color: #F6F5F1;
        display: block;
        transition: 0.3s;
    }

    .overlay-content a:nth-child(2) {
        padding-left: 7px;
    }

    .overlay-content a:nth-child(3) {
        position: absolute;
        display: block;
        margin-top: 80px;
        right: 20px;
    }
    
    .overlay-content a:hover, .overlay-content a:focus {
        color: #C89F66;
    }

    .contact-links {
        position: absolute;
        left: 50%;
        bottom: 20px;
        margin: auto;
        transform: translateX(-50%);
    }

    .contact-links a{
        color: #F6F5F1;
        font-family: "HR", Helvetica, sans-serif;
        font-size: 24px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .contact-links a:hover, .contact-links a:focus{
        color: #C89F66;
    } 

    .footer-left{
        order: 2;
    }

    .footer-right{
        order: 1;
        padding-bottom: 3px;
    }

    .footer-center{
        display: none;
    }

    .footer-site {
        width: 100%;
        display: flex;
        padding: 0 0 15px 0;
        justify-content: normal;
        align-items: normal;
        text-align: center;
        flex-direction: column;
    }
}

@media (max-width: 414px){
    .menu-site {
        padding: 12px 10px;
        background-color: #F6F5F1;
    }

    .date-counter{
        display: none;
    }

    .table-icon {
        top: -8px;
    }

    .top-mobile {
        padding: 8px 10px;
    }

    .date-counter-mobile {
        position: absolute;
        right: 28px;
    }

    .overlay .closebtn {
        position: absolute;
        top: 4px;
        right: 10px;
    }

    .overlay-content {
        display: flex;
        flex-wrap: wrap;
        position: absolute;
        top: 45%;
        width: 100%;
        transform: translateY(-50%);
        padding: 0 10px;
    }

    .overlay-content a {
        font-family: "HR", Helvetica, sans-serif;
        text-decoration: none;
        font-size: 34px;
        color: #F6F5F1;
        display: block;
        transition: 0.3s;
    }

    .overlay-content a:nth-child(3) {
        position: absolute;
        display: block;
        margin-top: 80px;
        right: 10px;
    }

    .contact-links {
        position: absolute;
        left: 50%;
        bottom: 10px;
        margin: auto;
        transform: translateX(-50%);
    }

    .contact-links a {
        color: #F6F5F1;
        font-family: "HR", Helvetica, sans-serif;
        font-size: 18px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .scroll-content {
        padding: 60px 10px 0 10px;
    }

    .project-description h2 {
        font-size: 14px;
    }

    .project-line-1, .project-line-2, .project-line-3, .project-line-4,
    .project-line-5, .project-line-6, .project-line-7, .project-line-8,
    .project-line-9, .project-line-10, .project-line-11, .project-line-12,
    .project-line-13, .project-line-14, .project-line-15, .project-line-16,
    .project-line-17, .project-line-18, .project-line-19, .project-line-20,
    .project-line-21, .project-line-22, .project-line-23, .project-line-24{
        padding-bottom: 60px;
    }

    .ih-1, .ih-1:hover{
        content: url(../images/projects/project_1/project_1_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-4, .ih-4:hover{
        content: url(../images/projects/project_2/project_2_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-9, .ih-9:hover{
        content: url(../images/projects/project_3/project_3_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-11, .ih-11:hover{
        content: url(../images/projects/project_4/project_4_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-13, .ih-13:hover{
        content: url(../images/projects/project_5/project_5_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-16, .ih-16:hover{
        content: url(../images/projects/project_6/project_6_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-21, .ih-21:hover{
        content: url(../images/projects/project_7/project_7_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-23, .ih-23:hover{
        content: url(../images/projects/project_8/project_8_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-25, .ih-25:hover{
        content: url(../images/projects/project_9/project_9_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-28, .ih-28:hover{
        content: url(../images/projects/project_10/project_10_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-33, .ih-33:hover{
        content: url(../images/projects/project_11/project_11_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-35, .ih-35:hover{
        content: url(../images/projects/project_12/project_12_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-37, .ih-37:hover{
        content: url(../images/projects/project_13/project_13_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-40, .ih-40:hover{
        content: url(../images/projects/project_14/project_14_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-45, .ih-45:hover{
        content: url(../images/projects/project_15/project_15_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-47, .ih-47:hover{
        content: url(../images/projects/project_16/project_16_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-49, .ih-49:hover{
        content: url(../images/projects/project_17/project_17_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-52, .ih-52:hover{
        content: url(../images/projects/project_18/project_18_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-53, .ih-53:hover{
        content: url(../images/projects/project_18/project_18_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-54, .ih-54:hover{
        content: url(../images/projects/project_18/project_18_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-55, .ih-55:hover{
        content: url(../images/projects/project_19/project_19_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-56, .ih-56:hover{
        content: url(../images/projects/project_19/project_19_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-57, .ih-57:hover{
        content: url(../images/projects/project_19/project_19_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-58, .ih-58:hover{
        content: url(../images/projects/project_20/project_20_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-59, .ih-59:hover{
        content: url(../images/projects/project_20/project_20_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-60, .ih-60:hover{
        content: url(../images/projects/project_20/project_20_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-61, .ih-61:hover{
        content: url(../images/projects/project_21/project_21_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-62, .ih-62:hover{
        content: url(../images/projects/project_21/project_21_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-63, .ih-63:hover{
        content: url(../images/projects/project_21/project_21_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }
    
    .ih-64, .ih-64:hover{
        content: url(../images/projects/project_22/project_22_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-65, .ih-65:hover{
        content: url(../images/projects/project_22/project_22_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-66, .ih-66:hover{
        content: url(../images/projects/project_22/project_22_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-67, .ih-67:hover{
        content: url(../images/projects/project_23/project_23_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-68, .ih-68:hover{
        content: url(../images/projects/project_23/project_23_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-69, .ih-69:hover{
        content: url(../images/projects/project_23/project_23_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-70, .ih-70:hover{
        content: url(../images/projects/project_24/project_24_detail_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-71, .ih-71:hover{
        content: url(../images/projects/project_24/project_24_drawer.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .ih-72, .ih-72:hover{
        content: url(../images/projects/project_24/project_24_flower_pb.jpg);
        transform: scale(1);
        z-index: 0;
        padding-bottom: 10px;
    }

    .footer-left h3 {
        font-family: "HM", Helvetica, sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 90%;
        pointer-events: none;
        margin: 0;
        padding-top: 7px;
    }

    .footer-right h3 {
        font-family: "HM", Helvetica, sans-serif;
        font-size: 12px;
        line-height: 90%;
        text-transform: uppercase;
        pointer-events: none;
        margin: 0;
    }

    .project-images img{
        padding-bottom: 10px;
    }
}