* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
  }

  html{
    background-color: rgb(30, 30, 30);
    --black: rgb(30, 30, 30);
    --yellow:rgb(255, 228, 0);
    --blue: rgb(0, 0, 255);
    --white:rgb(227, 231, 242);
    --blackdark: rgb(20, 20, 19);
}

  body{
    color: var(--white);
    font-family: "niveau-grotesk", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.75rem;
    overflow-x: hidden;
    cursor: none;
}

#aboutBtn{
    cursor: pointer;
}

  .navbar {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:1rem 1rem 1rem 1.38rem;
    text-transform: uppercase;
}

.navbar a {
    float: left;
    display: block;
    color: var(--white);
    padding: 14px 16px;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15rem;
}
  
.navbar a:hover {
    color: var(--yellow);
}

.text-link a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: inherit;
    padding-bottom: 4px;
  }

.text-link a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
  
.text-link a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

#logo-naiad{
    width: 3.5rem;
    display: block;
    opacity: 0;
    transition: opacity 0.5s;
    cursor: pointer;
}

#logo-naiad-int{
    width: 3.5rem;
    display: block;
}
  
.modal {
    display: none; 
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
  }

.modal-content {
    height: 45vh;
    overflow-y: scroll;
    position: fixed;
    bottom: 0;
    background-color: var(--black);
    width: 100%;
    padding: 1rem 2.4rem;
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s
}

.close {
    color: var(--white);
    float: right;
    right: 2rem;
    position: fixed;
    font-size: 2rem;
}
  
.close:hover,
.close:focus {
    color: var(--yellow);
    text-decoration: none;
    cursor: pointer;
}

.modal-body {
    padding: 2rem;
}
  
@-webkit-keyframes slideIn {
    from {bottom: -300px; opacity: 0} 
    to {bottom: 0; opacity: 1}
}
  
@keyframes slideIn {
    from {bottom: -300px; opacity: 0}
    to {bottom: 0; opacity: 1}
}
  
@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}
  
@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

.process-number{
    margin-right:1.5rem;
}

.history{
    display: flex;
    justify-content: flex-start;
    column-gap: 2.4rem;
    align-items: center;
    padding-bottom: 1.8rem;
}

.history-last{
    display: flex;
    justify-content: flex-start;
    column-gap: 2.4rem;
    align-items: center;
}

.history-number{
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
    width: 10%;
}

.position-title{
    font-weight: 600;
    text-transform: uppercase;
}


.panel{
    background-color: rgb(43, 43, 43);
    width: 100vw;
    height: 100vh;
    padding:15vh 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x:hidden;
    border-right: 1px solid var(--white);
}

.panel-inner{
    align-items: flex-start;
    display: flex;
    padding: 2.4rem 0;
    border-bottom: 1px solid var(--white);
}

.panel-inner-last{
    align-items: flex-start;
    display: flex;
    padding: 2.4rem 0;
}

.panel-subtitle{
    width: 80%;
}

.about-paragraph{
    font-size: 0.8rem;
    line-height: 1rem;
    width: 80%;
}

.container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.services{
    display: flex;
    justify-content: space-between;
    column-gap: 2.4rem;
    font-size: 0.7rem;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.2rem;
}


footer{
    height: 45vh;
    padding: 2rem 1rem;
    display: grid;
    grid-template-columns: repeat(30,1fr);
    align-items: end;
    width: 100vw;
}

.footer-top{
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: space-between;
    grid-column:3/30;
}

.footer-top-left{
    font-weight: 500;
    text-transform: uppercase;
}

.footer-top-right{
    font-size: 6rem;
    text-transform: uppercase;
    font-weight: 600;
    columns: var(--white);
}

.footer-bottom{
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: space-between;
    grid-column:3/30;
    height: 5vh;
}

.footer-bottom-left{
    font-weight: 600;
    text-transform: uppercase;
}

.footer-bottom-right{
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.top-icon {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid var(--white);
    background-color: var(--black);
    text-align: center;
}

.top-icon::before, .icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all 0.25s ease;
    border-radius: 30px;
}

.arrow-footer{
    width: 14px;
    position: relative;
    z-index: 99;
    margin-top: 6px;
}

.arrow-footer:hover{
    mix-blend-mode: difference;
}

.top-icon-expand::after {
    box-shadow: inset 0 0 0 1px var(--white);
}

.top-icon-expand::before {
    background: var(--white);
    box-shadow: inset 0 0 0 60px var(--black);
}

.top-icon-expand:hover::before {
    box-shadow: inset 0 0 0 0 var(--black);
}


.hero {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.hero-1{
    background-image: url('./projects/1_hero.jpg');
}
  
  .section {
    padding: 20vh 0 0 0;
    position: relative;
  }
  
  .content {
    width: 90vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
  }
  
  .images-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20vh;
  }
  
  .image-container {
    width: 25vw;
    height: 60vh;
    background-color: gray;
  }


  #project{
    animation-name: project-entrance;
    animation-duration: 2s;
}
  
  @keyframes project-entrance {
    from {opacity: 0;}
    to {opacity: 1;}
  }

.project-info{
    display: flex;
    justify-content: space-between;
    width: 100vw;
    padding: 0.5rem 8rem 0 2.5rem;
}

.project-info-left{
    margin-bottom:2rem;
}

.project-info h6{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.project-info p{
    font-size: 1.8rem;
    max-width: 56rem;
    line-height: 2rem;
}

.project-info span{
    font-weight: 400;
    color: var(--white);
    text-transform: uppercase;
    opacity: 1 !important;
    margin-right: 2rem;
    font-size: 0.9rem;
}

.project-info li{
    line-height: 1.5rem;
    font-size: 0.9rem;
}

.project-info a, .project-info a:visited{
    color: var(--white);
    text-decoration: none;
}

.project-link a{
    font-size: 0.9rem !important;
}

.img-center-padding{
    display: flex;
    justify-content: center;
    width: 50rem;
    overflow: hidden;
    object-fit: cover;
}

.img-center-padding img{
    width: 100%;
    height: auto;
}

.img-center-padding-2{
    display: flex;
    justify-content: center;
    width: 67rem;
    overflow: hidden;
    object-fit: cover;
}

.img-center-padding-2 img{
    width: 100%;
    height: auto;
}

.img-three{
    display: flex;
    width: 100vw;
    height: 35rem;
    overflow: hidden;
    position: relative;
}


.img-three-padding{
    display: flex;
    width: 80vw;
    height: 30rem;
    overflow: hidden;
    position: relative;
}

.img-three-col{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    column-gap: 2.4rem;
}

.img-three-inner{
    position: relative;
    flex: 1;
    overflow: hidden;
    width: 33%;
}

.img-three-div{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.innrgrn-img-1{
    background-image: url('./innrgn/innrgrn_02.jpg');
}

.innrgrn-img-2{
    background-image: url('./innrgn/innrgrn_03.jpg');
}

.img-center-full{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.innrgrn-img-3{
    background-image: url('./innrgn/innrgrn_04.jpg');
}

.innrgrn-img-5{
    background-image: url('./innrgn/innrgrn_05.jpg');
}

.innrgrn-img-6{
    background-image: url('./innrgn/innrgrn_06.jpg');
}

.innrgrn-img-7{
    background-image: url('./innrgn/innrgrn_07.jpg');
}

.innrgrn-img-9{
    background-image: url('./innrgn/innrgrn_09.jpg');
}

.innrgrn-img-10{
    background-image: url('./innrgn/innrgrn_10.jpg');
}

.innrgrn-img-11{
    background-image: url('./innrgn/innrgrn_11.jpg');
}

.innrgrn-img-15{
    background-image: url('./innrgn/innrgrn_15.jpg');
}

.innrgrn-img-16{
    background-image: url('./innrgn/innrgrn_16.jpg');
}

.innrgrn-img-17{
    background-image: url('./innrgn/innrgrn_17.jpg');
}

.innrgrn-img-19{
    background-image: url('./innrgn/innrgrn_19.jpg');
}

.innrgrn-img-20{
    background-image: url('./innrgn/innrgrn_20.jpg');
}

.innrgrn-img-22{
    background-image: url('./innrgn/innrgrn_22.jpg');
}

.innrgrn-img-23{
    background-image: url('./innrgn/innrgrn_23.jpg');
}

.innrgrn-img-24{
    background-image: url('./innrgn/innrgrn_24.jpg');
}

.innrgrn-img-25{
    background-image: url('./innrgn/innrgrn_25.jpg');
}

.innrgrn-img-26{
    background-image: url('./innrgn/innrgrn_26.jpg');
}

.innrgrn-img-27{
    background-image: url('./innrgn/innrgrn_27.jpg');
}

.video-center-padding{
    display: flex;
    justify-content: center;
    width: 800px;
    height: 600px;
    overflow: hidden;
    object-fit: cover;
}

.img-two-padding{
    display: flex;
    width: 80vw;
    height: 24rem;
    overflow: hidden;
    position: relative;
}

.img-two-padding-vertical{
    display: flex;
    width: 80vw;
    height: 44rem;
    overflow: hidden;
    position: relative;
}

.img-two-col{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    column-gap: 2.4rem;
}

.img-two-inner{
    position: relative;
    flex: 1;
    overflow: hidden;
    width: 50%;
}

.img-two-div{
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.img-ratio-left{
    width: 100%;
    text-align: left;
}

.img-ratio-left img{
    width: 40rem;
}

.hero-2 {
    background-image: url('./projects/2_hero.jpeg');
}

.forecast23-img-2{
    background-image: url('./forecast23/forecast23_2.jpeg');
}

.forecast23-img-3{
    background-image: url('./forecast23/forecast23_3.jpeg');
}

.forecast23-img-5{
    background-image: url('./forecast23/forecast23_5.jpeg');
}

.forecast23-img-6{
    background-image: url('./forecast23/forecast23_6.jpeg');
}

.forecast23-img-8{
    background-image: url('./forecast23/forecast23_8.jpeg');
}

.forecast23-img-10{
    background-image: url('./forecast23/forecast23_10.jpg');
}

.forecast23-img-11{
    background-image: url('./forecast23/forecast23_11.jpeg');
}

.forecast23-img-12{
    background-image: url('./forecast23/forecast23_12.jpeg');
}

.forecast23-img-13{
    background-image: url('./forecast23/forecast23_13.jpg');
}

.hero-3 {
    background-image: url('./projects/3_hero.jpg');
}

.valery_2{
    background-image: url('./valery/valery_02.jpg');
}

.valery_3{
    background-image: url('./valery/valery_03.jpg');
}

.valery_4{
    background-image: url('./valery/valery_04.jpg');
}

.valery_5{
    background-image: url('./valery/valery_05.jpg');
}

.valery_7{
    background-image: url('./valery/valery_07.jpg');
}

.valery_8{
    background-image: url('./valery/valery_08.jpg');
}

.valery_9{
    background-image: url('./valery/valery_09.jpeg');
}

.valery_11{
    background-image: url('./valery/valery_11.jpg');
}

.valery_12{
    background-image: url('./valery/valery_12.jpg');
}

.valery_14{
    background-image: url('./valery/valery_14.jpg');
}

.valery_18{
    background-image: url('./valery/valery_18.jpg');
}

.valery_19{
    background-image: url('./valery/valery_19.jpg');
}

.valery_20{
    background-image: url('./valery/valery_20.jpg');
}

.valery_21{
    background-image: url('./valery/valery_21.jpg');
}

.valery_22{
    background-image: url('./valery/valery_22.jpg');
}

.valery_23{
    background-image: url('./valery/valery_23.jpg');
}

.valery_25{
    background-image: url('./valery/valery_25.jpg');
}

.valery_26{
    background-image: url('./valery/valery_26.jpg');
}

.valery_28{
    background-image: url('./valery/valery_28.jpg');
}

.valery_32{
    background-image: url('./valery/valery_32.jpg');
}

.valery_33{
    background-image: url('./valery/valery_33.jpg');
}

.hero-4 {
    background-image: url('./projects/4_hero.jpg');
}

.asinea56-img-2{
    background-image: url('./asinea56/asinea56_2.jpg');
}

.asinea56-img-3{
    background-image: url('./asinea56/asinea56_3.jpeg');
}

.asinea56-img-4{
    background-image: url('./asinea56/asinea56_4.jpg');
}

.asinea56-img-5{
    background-image: url('./asinea56/asinea56_5.jpeg');
}

.asinea56-img-8{
    background-image: url('./asinea56/asinea56_8.jpeg');
}

.asinea56-img-9{
    background-image: url('./asinea56/asinea56_9.jpeg');
}

.asinea56-img-10{
    background-image: url('./asinea56/asinea56_10.jpeg');
}

.asinea56-img-11{
    background-image: url('./asinea56/asinea56_11.jpeg');
}

.asinea56-img-12{
    background-image: url('./asinea56/asinea56_12.jpeg');
}

.asinea56-img-14{
    background-image: url('./asinea56/asinea56_14.jpeg');
}

.asinea56-img-15{
    background-image: url('./asinea56/asinea56_15.jpeg');
}

.hero-5 {
    background-image: url('./projects/5_hero.jpg');
}

.elaotono23-2{
    background-image: url('./elaotono23/elaotono23_2.jpg');
}

.elaotono23-3{
    background-image: url('./elaotono23/elaotono23_3.jpg');
}

.elaotono23-4{
    background-image: url('./elaotono23/elaotono23_4.jpg');
}

.elaotono23-5{
    background-image: url('./elaotono23/elaotono23_5.jpg');
}

.elaotono23-6{
    background-image: url('./elaotono23/elaotono23_6.jpg');
}

.elaotono23-7{
    background-image: url('./elaotono23/elaotono23_7.jpg');
}

.elaotono23-9{
    background-image: url('./elaotono23/elaotono23_9.jpg');
}

.elaotono23-11{
    background-image: url('./elaotono23/elaotono23_11.jpg');
}

.elaotono23-13{
    background-image: url('./elaotono23/elaotono23_13.jpg');
}

.elaotono23-14{
    background-image: url('./elaotono23/elaotono23_14.jpg');
}

.elaotono23-15{
    background-image: url('./elaotono23/elaotono23_15.jpg');
}

.elaotono23-16{
    background-image: url('./elaotono23/elaotono23_16.jpg');
}

.elaotono23-18{
    background-image: url('./elaotono23/elaotono23_18.jpg');
}

.elaotono23-19{
    background-image: url('./elaotono23/elaotono23_19.jpg');
}

.elaotono23-20{
    background-image: url('./elaotono23/elaotono23_20.jpg');
}

.elaotono23-21{
    background-image: url('./elaotono23/elaotono23_21.jpg');
}

.elaotono23-23{
    background-image: url('./elaotono23/elaotono23_23.jpg');
}

.elaotono23-24{
    background-image: url('./elaotono23/elaotono23_24.jpg');
}

.elaotono23-25{
    background-image: url('./elaotono23/elaotono23_25.jpg');
}

.elaotono23-26{
    background-image: url('./elaotono23/elaotono23_26.jpg');
}

.elaotono23-27{
    background-image: url('./elaotono23/elaotono23_27.jpg');
}

.elaotono23-28{
    background-image: url('./elaotono23/elaotono23_28.jpg');
}

.elaotono23-29{
    background-image: url('./elaotono23/elaotono23_29.jpg');
}

.elaotono23-31{
    background-image: url('./elaotono23/elaotono23_31.jpg');
}

.elaotono23-32{
    background-image: url('./elaotono23/elaotono23_32.jpg');
}

.elaotono23-33{
    background-image: url('./elaotono23/elaotono23_33.jpg');
}

.elaotono23-34{
    background-image: url('./elaotono23/elaotono23_34.jpg');
}

.elaotono23-35{
    background-image: url('./elaotono23/elaotono23_35.jpg');
}

.elaotono23-36{
    background-image: url('./elaotono23/elaotono23_36.jpg');
}

.elaotono23-37{
    background-image: url('./elaotono23/elaotono23_37.jpg');
}

.elaotono23-38{
    background-image: url('./elaotono23/elaotono23_38.jpg');
}

.elaotono23-39{
    background-image: url('./elaotono23/elaotono23_39.jpg');
}

.elaotono23-40{
    background-image: url('./elaotono23/elaotono23_40.jpg');
}

.hero-6 {
    background-image: url('./projects/6_hero.jpg');
}

.illusion-2 {
    background-image: url('./illusion/illusion_2.jpg');
}

.illusion-3 {
    background-image: url('./illusion/illusion_3.jpg');
}

.illusion-4 {
    background-image: url('./illusion/illusion_4.jpg');
}

.illusion-6 {
    background-image: url('./illusion/illusion_6.jpg');
}

.illusion-7 {
    background-image: url('./illusion/illusion_7.jpg');
}

.illusion-8 {
    background-image: url('./illusion/illusion_8.jpg');
}

.illusion-10 {
    background-image: url('./illusion/illusion_10.jpg');
}

.illusion-11 {
    background-image: url('./illusion/illusion_11.jpg');
}

.illusion-12 {
    background-image: url('./illusion/illusion_12.jpg');
}

.illusion-14 {
    background-image: url('./illusion/illusion_14.jpg');
}

.illusion-15 {
    background-image: url('./illusion/illusion_15.jpg');
}

.illusion-16 {
    background-image: url('./illusion/illusion_16.jpg');
}

.illusion-17 {
    background-image: url('./illusion/illusion_17.jpg');
}

.hero-7 {
    background-image: url('./projects/7_hero.jpg');
}

.elap22-2 {
    background-image: url('./elap22/elap22_2.jpg');
}

.elap22-3 {
    background-image: url('./elap22/elap22_3.jpg');
}

.elap22-4 {
    background-image: url('./elap22/elap22_4.jpg');
}

.elap22-5 {
    background-image: url('./elap22/elap22_5.jpg');
}

.elap22-6 {
    background-image: url('./elap22/elap22_6.jpg');
}

.elap22-8 {
    background-image: url('./elap22/elap22_8.jpg');
}

.elap22-9 {
    background-image: url('./elap22/elap22_9.jpg');
}

.elap22-10 {
    background-image: url('./elap22/elap22_10.jpg');
}

.elap22-12 {
    background-image: url('./elap22/elap22_12.jpg');
}

.elap22-14 {
    background-image: url('./elap22/elap22_14.jpg');
}

.elap22-15 {
    background-image: url('./elap22/elap22_15.jpg');
}

.elap22-16 {
    background-image: url('./elap22/elap22_16.jpg');
}

.elap22-17 {
    background-image: url('./elap22/elap22_17.jpg');
}

.elap22-18 {
    background-image: url('./elap22/elap22_18.jpg');
}

.elap22-19 {
    background-image: url('./elap22/elap22_19.jpg');
}

.elap22-20 {
    background-image: url('./elap22/elap22_20.jpg');
}

.elap22-21 {
    background-image: url('./elap22/elap22_21.jpg');
}

.elap22-22 {
    background-image: url('./elap22/elap22_22.jpg');
}

.elap22-23 {
    background-image: url('./elap22/elap22_23.jpg');
}

.elap22-24 {
    background-image: url('./elap22/elap22_24.jpg');
}

.elap22-25 {
    background-image: url('./elap22/elap22_25.jpg');
}

.elap22-26 {
    background-image: url('./elap22/elap22_26.jpg');
}

.elap22-27 {
    background-image: url('./elap22/elap22_27.jpg');
}

.elap22-29 {
    background-image: url('./elap22/elap22_29.jpg');
}

.elap22-30 {
    background-image: url('./elap22/elap22_30.jpg');
}

.elap22-31 {
    background-image: url('./elap22/elap22_31.jpg');
}

.elap22-32 {
    background-image: url('./elap22/elap22_32.jpg');
}

.elap22-33 {
    background-image: url('./elap22/elap22_33.jpg');
}

.elap22-35 {
    background-image: url('./elap22/elap22_35.jpg');
}

.elap22-36 {
    background-image: url('./elap22/elap22_36.jpg');
}

.elap22-37 {
    background-image: url('./elap22/elap22_37.jpg');
}

.elap22-39 {
    background-image: url('./elap22/elap22_39.jpg');
}

.elap22-41 {
    background-image: url('./elap22/elap22_41.jpg');
}

.elap22-42 {
    background-image: url('./elap22/elap22_42.jpg');
}

.elap22-43 {
    background-image: url('./elap22/elap22_43.jpg');
}

.elap22-44 {
    background-image: url('./elap22/elap22_44.jpg');
}

.hero-9 {
    background-image: url('./projects/9_hero.jpg');
}

.compendio22-2 {
    background-image: url('./compendio22/compendio22_2.jpg');
}

.compendio22-3 {
    background-image: url('./compendio22/compendio22_3.jpg');
}

.compendio22-4 {
    background-image: url('./compendio22/compendio22_4.jpg');
}

.compendio22-5 {
    background-image: url('./compendio22/compendio22_5.jpg');
}

.compendio22-6 {
    background-image: url('./compendio22/compendio22_6.jpg');
}

.compendio22-7 {
    background-image: url('./compendio22/compendio22_7.jpg');
}

.compendio22-9 {
    background-image: url('./compendio22/compendio22_9.jpg');
}

.compendio22-10 {
    background-image: url('./compendio22/compendio22_10.jpg');
}

.compendio22-12 {
    background-image: url('./compendio22/compendio22_12.jpg');
}

.compendio22-13 {
    background-image: url('./compendio22/compendio22_13.jpg');
}

.compendio22-14 {
    background-image: url('./compendio22/compendio22_14.jpg');
}

.compendio22-15 {
    background-image: url('./compendio22/compendio22_15.jpg');
}

.compendio22-17 {
    background-image: url('./compendio22/compendio22_17.jpg');
}

.compendio22-18 {
    background-image: url('./compendio22/compendio22_18.jpg');
}

.compendio22-19 {
    background-image: url('./compendio22/compendio22_19.jpg');
}

.compendio22-20 {
    background-image: url('./compendio22/compendio22_20.jpg');
}

.compendio22-21 {
    background-image: url('./compendio22/compendio22_21.jpg');
}

.compendio22-22 {
    background-image: url('./compendio22/compendio22_22.jpg');
}

.compendio22-23 {
    background-image: url('./compendio22/compendio22_23.jpg');
}

.compendio22-24 {
    background-image: url('./compendio22/compendio22_24.jpg');
}

.compendio22-25 {
    background-image: url('./compendio22/compendio22_25.jpg');
}

.compendio22-26 {
    background-image: url('./compendio22/compendio22_26.jpg');
}

.compendio22-27 {
    background-image: url('./compendio22/compendio22_27.jpg');
}

.compendio22-28 {
    background-image: url('./compendio22/compendio22_28.jpg');
}

.hero-10 {
    background-image: url('./projects/10_hero.jpg');
}

.sobrado-3 {
    background-image: url('./sobrado/sobrado_3.jpg');
}

.sobrado-4 {
    background-image: url('./sobrado/sobrado_4.jpg');
}

.sobrado-5 {
    background-image: url('./sobrado/sobrado_5.jpg');
}

.sobrado-6 {
    background-image: url('./sobrado/sobrado_6.jpg');
}

.sobrado-7 {
    background-image: url('./sobrado/sobrado_7.jpg');
}

.sobrado-8 {
    background-image: url('./sobrado/sobrado_8.jpg');
}

.sobrado-9 {
    background-image: url('./sobrado/sobrado_9.jpg');
}

.sobrado-10 {
    background-image: url('./sobrado/sobrado_10.jpg');
}

.sobrado-11 {
    background-image: url('./sobrado/sobrado_11.jpg');
}

.sobrado-12 {
    background-image: url('./sobrado/sobrado_12.jpg');
}

.sobrado-13 {
    background-image: url('./sobrado/sobrado_13.jpg');
}

.sobrado-14 {
    background-image: url('./sobrado/sobrado_14.jpg');
}

.sobrado-16 {
    background-image: url('./sobrado/sobrado_16.jpg');
}

.sobrado-17 {
    background-image: url('./sobrado/sobrado_17.jpg');
}

.sobrado-18 {
    background-image: url('./sobrado/sobrado_18.jpg');
}

.sobrado-21 {
    background-image: url('./sobrado/sobrado_21.jpg');
}

.sobrado-23 {
    background-image: url('./sobrado/sobrado_23.jpg');
}

.sobrado-24 {
    background-image: url('./sobrado/sobrado_24.jpg');
}

.sobrado-25 {
    background-image: url('./sobrado/sobrado_25.jpg');
}

.sobrado-26 {
    background-image: url('./sobrado/sobrado_26.jpg');
}

.sobrado-27 {
    background-image: url('./sobrado/sobrado_27.jpg');
}

.hero-11 {
    background-image: url('./projects/11_hero.jpg');
}

.yvan-1 {
    background-image: url('./yvan/yvan_1.jpg');
}

.yvan-2 {
    background-image: url('./yvan/yvan_2.jpg');
}

.yvan-3 {
    background-image: url('./yvan/yvan_3.jpg');
}

.yvan-4 {
    background-image: url('./yvan/yvan_4.jpg');
}

.yvan-6 {
    background-image: url('./yvan/yvan_6.jpg');
}

.yvan-7 {
    background-image: url('./yvan/yvan_7.jpg');
}

.yvan-9 {
    background-image: url('./yvan/yvan_9.jpg');
}

.yvan-11 {
    background-image: url('./yvan/yvan_11.jpg');
}

.yvan-12 {
    background-image: url('./yvan/yvan_12.jpg');
}

.yvan-13 {
    background-image: url('./yvan/yvan_13.jpg');
}

.yvan-15 {
    background-image: url('./yvan/yvan_15.jpg');
}

.yvan-16 {
    background-image: url('./yvan/yvan_16.jpg');
}

.yvan-17 {
    background-image: url('./yvan/yvan_17.jpg');
}

.yvan-19 {
    background-image: url('./yvan/yvan_19.jpg');
}

.yvan-20 {
    background-image: url('./yvan/yvan_20.jpg');
}

.yvan-21 {
    background-image: url('./yvan/yvan_21.jpg');
}

.yvan-24 {
    background-image: url('./yvan/yvan_24.jpg');
}

.hero-13 {
    background-image: url('./projects/13_hero.jpg');
}

.asinea55-img-2 {
    background-image: url('./asinea55/asinea55_2.jpg');
}

.asinea55-img-3 {
    background-image: url('./asinea55/asinea55_3.png');
}

.asinea55-img-6 {
    background-image: url('./asinea55/asinea55_6.jpg');
}

.asinea55-img-7 {
    background-image: url('./asinea55/asinea55_7.jpg');
}

.asinea55-img-8 {
    background-image: url('./asinea55/asinea55_8.jpg');
}

.asinea55-img-9 {
    background-image: url('./asinea55/asinea55_9.jpg');
}

.asinea55-img-10 {
    background-image: url('./asinea55/asinea55_10.jpg');
}

.asinea55-img-13 {
    background-image: url('./asinea55/asinea55_13.jpg');
}

.asinea55-img-14 {
    background-image: url('./asinea55/asinea55_14.jpg');
}

.asinea55-img-15 {
    background-image: url('./asinea55/asinea55_15.jpg');
}

.asinea55-img-18 {
    background-image: url('./asinea55/asinea55_18.jpg');
}

.asinea55-img-19 {
    background-image: url('./asinea55/asinea55_19.jpg');
}

.asinea55-img-20 {
    background-image: url('./asinea55/asinea55_20.jpg');
}

.hero-14 {
    background-image: url('./projects/14_hero.jpg');
}

.juanji-img-2 {
    background-image: url('./juanji/juanji_2.jpg');
}

.juanji-img-4 {
    background-image: url('./juanji/juanji_4.jpg');
}

.juanji-img-5 {
    background-image: url('./juanji/juanji_5.jpg');
}

.juanji-img-6 {
    background-image: url('./juanji/juanji_6.jpg');
}

.juanji-img-8 {
    background-image: url('./juanji/juanji_8.jpg');
}

.juanji-img-11 {
    background-image: url('./juanji/juanji_11.jpg');
}

.juanji-img-12 {
    background-image: url('./juanji/juanji_12.jpg');
}

.juanji-img-13 {
    background-image: url('./juanji/juanji_13.jpg');
}

.juanji-img-14 {
    background-image: url('./juanji/juanji_14.jpg');
}

.juanji-img-14 {
    background-image: url('./juanji/juanji_14.jpg');
}

.juanji-img-15 {
    background-image: url('./juanji/juanji_15.jpg');
}

.hero-15 {
    background-image: url('./projects/15_hero.jpg');
}

.abc-img-2 {
    background-image: url('./abc/abc_2.jpg');
}

.abc-img-4 {
    background-image: url('./abc/abc_4.jpg');
}

.abc-img-5 {
    background-image: url('./abc/abc_5.jpg');
}

.abc-img-7 {
    background-image: url('./abc/abc_7.jpg');
}

.abc-img-9 {
    background-image: url('./abc/abc_9.jpg');
}

.abc-img-10 {
    background-image: url('./abc/abc_10.jpg');
}

.abc-img-11 {
    background-image: url('./abc/abc_11.jpg');
}

.abc-img-13 {
    background-image: url('./abc/abc_13.jpg');
}

.abc-img-14 {
    background-image: url('./abc/abc_14.jpg');
}

.abc-img-15 {
    background-image: url('./abc/abc_15.jpg');
}

.abc-img-16 {
    background-image: url('./abc/abc_16.jpg');
}

.abc-img-17 {
    background-image: url('./abc/abc_17.jpg');
}

.abc-img-18 {
    background-image: url('./abc/abc_18.jpg');
}

.abc-img-20 {
    background-image: url('./abc/abc_20.jpg');
}

.abc-img-21 {
    background-image: url('./abc/abc_21.jpg');
}

.abc-img-23 {
    background-image: url('./abc/abc_23.jpg');
}

.abc-img-24 {
    background-image: url('./abc/abc_24.jpg');
}

.abc-img-27 {
    background-image: url('./abc/abc_27.jpg');
}

.abc-img-28 {
    background-image: url('./abc/abc_28.jpg');
}

.abc-img-29 {
    background-image: url('./abc/abc_29.jpg');
}

.abc-img-30 {
    background-image: url('./abc/abc_30.jpg');
}

.abc-img-32 {
    background-image: url('./abc/abc_32.jpg');
}

.abc-img-33 {
    background-image: url('./abc/abc_33.jpg');
}

.abc-img-34 {
    background-image: url('./abc/abc_34.jpg');
}

.abc-img-36 {
    background-image: url('./abc/abc_36.jpg');
}

.abc-img-37 {
    background-image: url('./abc/abc_37.jpg');
}

.abc-img-39 {
    background-image: url('./abc/abc_39.jpg');
}

.hero-16 {
    background-image: url('./projects/16_hero.jpg');
}

.elao21-img-2 {
    background-image: url('./elao21/elao21_2.jpg');
}

.elao21-img-3 {
    background-image: url('./elao21/elao21_3.jpg');
}

.elao21-img-4 {
    background-image: url('./elao21/elao21_4.jpg');
}

.elao21-img-5 {
    background-image: url('./elao21/elao21_5.jpg');
}

.elao21-img-6 {
    background-image: url('./elao21/elao21_6.jpg');
}

.elao21-img-7 {
    background-image: url('./elao21/elao21_7.jpg');
}

.elao21-img-8 {
    background-image: url('./elao21/elao21_8.jpg');
}

.elao21-img-9 {
    background-image: url('./elao21/elao21_9.jpg');
}

.elao21-img-10 {
    background-image: url('./elao21/elao21_10.jpg');
}

.elao21-img-11 {
    background-image: url('./elao21/elao21_11.jpg');
}

.elao21-img-12 {
    background-image: url('./elao21/elao21_12.jpg');
}

.elao21-img-13 {
    background-image: url('./elao21/elao21_13.jpg');
}

.elao21-img-15 {
    background-image: url('./elao21/elao21_15.jpg');
}

.elao21-img-18 {
    background-image: url('./elao21/elao21_18.jpg');
}

.elao21-img-19 {
    background-image: url('./elao21/elao21_19.jpg');
}

.elao21-img-20 {
    background-image: url('./elao21/elao21_20.jpg');
}

.elao21-img-21 {
    background-image: url('./elao21/elao21_21.jpg');
}

.elao21-img-22 {
    background-image: url('./elao21/elao21_22.jpg');
}

.elao21-img-23 {
    background-image: url('./elao21/elao21_23.jpg');
}

.elao21-img-24 {
    background-image: url('./elao21/elao21_24.jpg');
}

.elao21-img-25 {
    background-image: url('./elao21/elao21_25.jpg');
}

.elao21-img-27 {
    background-image: url('./elao21/elao21_27.jpg');
}

.elao21-img-28 {
    background-image: url('./elao21/elao21_28.jpg');
}

.elao21-img-29 {
    background-image: url('./elao21/elao21_29.jpg');
}

.elao21-img-30 {
    background-image: url('./elao21/elao21_30.jpg');
}

.elao21-img-32 {
    background-image: url('./elao21/elao21_32.jpg');
}

.elao21-img-33 {
    background-image: url('./elao21/elao21_33.jpg');
}

.elao21-img-35 {
    background-image: url('./elao21/elao21_35.jpg');
}

.elao21-img-38 {
    background-image: url('./elao21/elao21_38.jpg');
}

.elao21-img-39 {
    background-image: url('./elao21/elao21_39.jpg');
}

.elao21-img-40 {
    background-image: url('./elao21/elao21_40.jpg');
}

.hero-18 {
    background-image: url('./projects/18_hero.jpg');
}

.compendio21-img-2 {
    background-image: url('./compendio21/compendio21_2.jpg');
}

.compendio21-img-3 {
    background-image: url('./compendio21/compendio21_3.jpg');
}

.compendio21-img-4 {
    background-image: url('./compendio21/compendio21_4.jpg');
}

.compendio21-img-5 {
    background-image: url('./compendio21/compendio21_5.jpg');
}

.compendio21-img-6 {
    background-image: url('./compendio21/compendio21_6.jpg');
}

.compendio21-img-7 {
    background-image: url('./compendio21/compendio21_7.jpg');
}

.compendio21-img-8 {
    background-image: url('./compendio21/compendio21_8.jpg');
}

.compendio21-img-10 {
    background-image: url('./compendio21/compendio21_10.jpg');
}

.compendio21-img-12 {
    background-image: url('./compendio21/compendio21_12.jpg');
}

.compendio21-img-14 {
    background-image: url('./compendio21/compendio21_14.jpg');
}

.compendio21-img-15 {
    background-image: url('./compendio21/compendio21_15.jpg');
}

.compendio21-img-16 {
    background-image: url('./compendio21/compendio21_16.jpg');
}

.compendio21-img-18 {
    background-image: url('./compendio21/compendio21_18.jpg');
}

.compendio21-img-19 {
    background-image: url('./compendio21/compendio21_19.jpg');
}

.compendio21-img-20 {
    background-image: url('./compendio21/compendio21_20.jpg');
}

.compendio21-img-21 {
    background-image: url('./compendio21/compendio21_21.jpg');
}

.compendio21-img-22 {
    background-image: url('./compendio21/compendio21_22.jpg');
}

.compendio21-img-23 {
    background-image: url('./compendio21/compendio21_23.jpg');
}

.compendio21-img-24 {
    background-image: url('./compendio21/compendio21_24.jpg');
}

.compendio21-img-25 {
    background-image: url('./compendio21/compendio21_25.jpg');
}

.compendio21-img-26 {
    background-image: url('./compendio21/compendio21_26.jpg');
}

.compendio21-img-28 {
    background-image: url('./compendio21/compendio21_28.jpg');
}

.hero-19 {
    background-image: url('./projects/19_hero.jpg');
}

.asinea54-img-3 {
    background-image: url('./asinea54/asinea54_3.jpg');
}

.asinea54-img-4 {
    background-image: url('./asinea54/asinea54_4.jpg');
}

.asinea54-img-7 {
    background-image: url('./asinea54/asinea54_7.jpg');
}

.asinea54-img-8 {
    background-image: url('./asinea54/asinea54_8.jpg');
}

.asinea54-img-9 {
    background-image: url('./asinea54/asinea54_9.jpg');
}

.asinea54-img-10 {
    background-image: url('./asinea54/asinea54_10.jpg');
}

.asinea54-img-11 {
    background-image: url('./asinea54/asinea54_11.jpg');
}

.asinea54-img-14 {
    background-image: url('./asinea54/asinea54_14.jpg');
}

.asinea54-img-16 {
    background-image: url('./asinea54/asinea54_16.jpg');
}

.hero-20 {
    background-image: url('./projects/20_hero.jpg');
}

.elkeklein-img-2 {
    background-image: url('./elkeklein/elkeklein_2.jpg');
}

.elkeklein-img-3 {
    background-image: url('./elkeklein/elkeklein_3.jpg');
}

.elkeklein-img-4 {
    background-image: url('./elkeklein/elkeklein_4.jpg');
}

.elkeklein-img-9 {
    background-image: url('./elkeklein/elkeklein_9.jpg');
}

.elkeklein-img-11 {
    background-image: url('./elkeklein/elkeklein_11.jpg');
}

.elkeklein-img-12 {
    background-image: url('./elkeklein/elkeklein_12.jpg');
}

.elkeklein-img-15 {
    background-image: url('./elkeklein/elkeklein_15.jpg');
}

.hero-22 {
    background-image: url('./projects/22_hero.jpg');
}

.elap21-img-1 {
    background-image: url('./elap21/elap21_1.jpg');
}

.elap21-img-2 {
    background-image: url('./elap21/elap21_2.jpg');
}

.elap21-img-4 {
    background-image: url('./elap21/elap21_4.jpg');
}

.elap21-img-5 {
    background-image: url('./elap21/elap21_5.jpg');
}

.elap21-img-6 {
    background-image: url('./elap21/elap21_6.jpg');
}

.elap21-img-8 {
    background-image: url('./elap21/elap21_8.jpg');
}

.elap21-img-9 {
    background-image: url('./elap21/elap21_9.jpg');
}

.elap21-img-10 {
    background-image: url('./elap21/elap21_10.jpg');
}

.elap21-img-12 {
    background-image: url('./elap21/elap21_12.jpg');
}

.elap21-img-14 {
    background-image: url('./elap21/elap21_14.jpg');
}

.elap21-img-15 {
    background-image: url('./elap21/elap21_15.jpg');
}

.elap21-img-16 {
    background-image: url('./elap21/elap21_16.jpg');
}

.elap21-img-17 {
    background-image: url('./elap21/elap21_17.jpg');
}

.elap21-img-18 {
    background-image: url('./elap21/elap21_18.jpg');
}

.elap21-img-20 {
    background-image: url('./elap21/elap21_20.jpg');
}

.elap21-img-21 {
    background-image: url('./elap21/elap21_21.jpg');
}

.elap21-img-22 {
    background-image: url('./elap21/elap21_22.jpg');
}

.elap21-img-23 {
    background-image: url('./elap21/elap21_23.jpg');
}

.elap21-img-24 {
    background-image: url('./elap21/elap21_24.jpg');
}

.elap21-img-25 {
    background-image: url('./elap21/elap21_25.jpg');
}

.elap21-img-26 {
    background-image: url('./elap21/elap21_26.jpg');
}

.elap21-img-27 {
    background-image: url('./elap21/elap21_27.jpg');
}

.elap21-img-28 {
    background-image: url('./elap21/elap21_28.jpg');
}

.elap21-img-30 {
    background-image: url('./elap21/elap21_30.jpg');
}

.elap21-img-31 {
    background-image: url('./elap21/elap21_31.jpg');
}

.elap21-img-32 {
    background-image: url('./elap21/elap21_32.jpg');
}

.elap21-img-33 {
    background-image: url('./elap21/elap21_33.jpg');
}

.elap21-img-34 {
    background-image: url('./elap21/elap21_34.jpg');
}

.elap21-img-35 {
    background-image: url('./elap21/elap21_35.jpg');
}

.elap21-img-36 {
    background-image: url('./elap21/elap21_36.jpg');
}

.elap21-img-38 {
    background-image: url('./elap21/elap21_38.jpg');
}

.elap21-img-39 {
    background-image: url('./elap21/elap21_39.jpg');
}

.elap21-img-40 {
    background-image: url('./elap21/elap21_40.jpg');
}

.hero-23 {
    background-image: url('./projects/23_hero.jpg');
}

.okai-img-4 {
    background-image: url('./theokai/okai_4.jpg');
}

.okai-img-5 {
    background-image: url('./theokai/okai_5.jpg');
}

.okai-img-9 {
    background-image: url('./theokai/okai_9.jpg');
}

.okai-img-10 {
    background-image: url('./theokai/okai_10.jpg');
}

.okai-img-11 {
    background-image: url('./theokai/okai_11.jpg');
}

.okai-img-13 {
    background-image: url('./theokai/okai_13.jpg');
}

.okai-img-14 {
    background-image: url('./theokai/okai_14.jpg');
}

.okai-img-18 {
    background-image: url('./theokai/okai_18.jpg');
}

.hero-24 {
    background-image: url('./projects/24_hero.jpg');
}

.argo-img-2 {
    background-image: url('./argonauta/argonauta_2.jpg');
}

.argo-img-3 {
    background-image: url('./argonauta/argonauta_3.jpg');
}

.argo-img-4 {
    background-image: url('./argonauta/argonauta_4.jpg');
}

.argo-img-5 {
    background-image: url('./argonauta/argonauta_5.jpg');
}

.argo-img-6 {
    background-image: url('./argonauta/argonauta_6.jpg');
}

.argo-img-8 {
    background-image: url('./argonauta/argonauta_8.jpg');
}

.argo-img-9 {
    background-image: url('./argonauta/argonauta_9.jpg');
}

.argo-img-10 {
    background-image: url('./argonauta/argonauta_10.jpg');
}

.argo-img-11 {
    background-image: url('./argonauta/argonauta_11.jpg');
}

.argo-img-12 {
    background-image: url('./argonauta/argonauta_12.jpg');
}

.argo-img-13 {
    background-image: url('./argonauta/argonauta_13.jpg');
}

.hero-26 {
    background-image: url('./projects/26_hero.jpg');
}

.trends-img-2 {
    background-image: url('./colotrends/trends_2.jpg');
}

.trends-img-3 {
    background-image: url('./colotrends/trends_3.jpg');
}

.trends-img-4 {
    background-image: url('./colotrends/trends_4.jpg');
}

.trends-img-5 {
    background-image: url('./colotrends/trends_5.gif');
}

.trends-img-8 {
    background-image: url('./colotrends/trends_8.jpg');
}

.trends-img-9 {
    background-image: url('./colotrends/trends_9.jpg');
}

.trends-img-11 {
    background-image: url('./colotrends/trends_11.jpg');
}

.trends-img-12 {
    background-image: url('./colotrends/trends_12.jpg');
}

.trends-img-13 {
    background-image: url('./colotrends/trends_13.jpg');
}

.trends-img-14 {
    background-image: url('./colotrends/trends_14.jpg');
}

.trends-img-16 {
    background-image: url('./colotrends/trends_16.jpg');
}

.trends-img-18 {
    background-image: url('./colotrends/trends_18.jpg');
}

.trends-img-19 {
    background-image: url('./colotrends/trends_19.jpg');
}

.trends-img-22 {
    background-image: url('./colotrends/trends_22.jpg');
}

.trends-img-23 {
    background-image: url('./colotrends/trends_23.jpg');
}

.trends-img-25 {
    background-image: url('./colotrends/trends_25.jpg');
}

.trends-img-27 {
    background-image: url('./colotrends/trends_27.jpg');
}

.trends-img-30 {
    background-image: url('./colotrends/trends_30.jpg');
}

.hero-28 {
    background-image: url('./projects/28_hero.jpg');
}

.bacalari-img-2 {
    background-image: url('./bacalari/bacalari_2.jpg');
}

.bacalari-img-4 {
    background-image: url('./bacalari/bacalari_4.jpg');
}

.bacalari-img-5 {
    background-image: url('./bacalari/bacalari_5.jpg');
}

.bacalari-img-6 {
    background-image: url('./bacalari/bacalari_6.jpg');
}

.bacalari-img-7 {
    background-image: url('./bacalari/bacalari_7.jpg');
}

.bacalari-img-8 {
    background-image: url('./bacalari/bacalari_8.jpg');
}

.bacalari-img-9 {
    background-image: url('./bacalari/bacalari_9.jpg');
}

.bacalari-img-10 {
    background-image: url('./bacalari/bacalari_10.jpg');
}

.bacalari-img-12 {
    background-image: url('./bacalari/bacalari_12.jpg');
}

.bacalari-img-13 {
    background-image: url('./bacalari/bacalari_13.jpg');
}

.bacalari-img-15 {
    background-image: url('./bacalari/bacalari_15.jpg');
}

.bacalari-img-17 {
    background-image: url('./bacalari/bacalari_17.jpg');
}

.bacalari-img-18 {
    background-image: url('./bacalari/bacalari_18.jpg');
}

.bacalari-img-19 {
    background-image: url('./bacalari/bacalari_19.jpg');
}

.bacalari-img-20 {
    background-image: url('./bacalari/bacalari_20.jpg');
}

.bacalari-img-21 {
    background-image: url('./bacalari/bacalari_21.jpg');
}

.bacalari-img-23 {
    background-image: url('./bacalari/bacalari_23.jpg');
}

.bacalari-img-24 {
    background-image: url('./bacalari/bacalari_24.jpg');
}

.bacalari-img-25 {
    background-image: url('./bacalari/bacalari_25.jpg');
}

.bacalari-img-28 {
    background-image: url('./bacalari/bacalari_28.jpg');
}

.bacalari-img-30 {
    background-image: url('./bacalari/bacalari_30.jpg');
}

.bacalari-img-31 {
    background-image: url('./bacalari/bacalari_31.jpg');
}

.bacalari-img-32 {
    background-image: url('./bacalari/bacalari_32.jpg');
}

.bacalari-img-34 {
    background-image: url('./bacalari/bacalari_34.jpg');
}

.bacalari-img-35 {
    background-image: url('./bacalari/bacalari_35.jpg');
}

.bacalari-img-36 {
    background-image: url('./bacalari/bacalari_36.jpg');
}

.cursor{
    position:fixed;
    height: 40px;
    width: 40px;
    margin-left: -20px;
    margin-top: -20px;
    border-radius: 50%;
    border: 1px solid var(--white);
    transition: transform .2s ease;
    transform-origin: center center;
    pointer-events: none;
    z-index: 999999999999999;
}

.grow{
    transform: scale(1.7);
    mix-blend-mode: overlay;
    background-color: var(--white);
    border: none;
}

.video-square-two {
    height:72vh !important;
}

.clock{
    display: flex;
    width: auto;
    column-gap: 0.6rem;
}

.clockm{
    display: none;
}

@media screen and (max-width: 770px) {
    .cookies-banner{width:72%}
    .cursor{visibility: hidden;}
    footer { height: 40vh;}
    .footer-top { grid-column: 4/30; align-items:flex-end; }
    .footer-top-left { width: 20%;}
    .footer-top-right{ font-size: 5rem; line-height: 4.5rem; text-align: right; width: 56%;}
    .footer-bottom { grid-column: 4/30;}
    .text-link a::after { transform: scaleX(1); transform-origin: bottom left; }
    .footer-bottom-left li { margin-bottom: 0.75rem;}
    .modal-body{ padding: 3rem;}
    .panel-subtitle { width: 62%;}
    .process-number { margin-right: 0.3rem;}    
    .section { padding: 16vh 0 0 0;}
    .images-container { gap: 16vh !important; align-items: flex-start;}
    .container{ flex-wrap: wrap; overflow-x: hidden;}
    .project-info { padding: 0.5rem 2rem 1rem 2.5rem; column-gap: 6rem;}
    .img-three { height: 20rem; margin-left: 7%;}
    .img-center-full { height: 60vh;}
    .img-center-padding img { width: 68%;}
    .img-three-col { column-gap: 1.5rem;}
    .img-two-col { column-gap: 1.5rem;}
    .img-three-padding {  margin-left: 5%; height: 20rem; width: 87vw;}
    .img-two-padding { margin-left: 7%; height: 12rem;}
    .video-center-padding { margin-left: 8%; width: 600px; height: 400px;}
    .img-center-padding-2 { justify-content: left;} 
    .img-center-padding-2  img{ margin-left: 8%; width: 55%; }
    .long-img-mobile { width: 96%; height: 42vh;}
    .high-img-mobile { width: 100vw; height: 48vh;}
    .img-two-padding-vertical { margin-left: 7%; width: 80vw; height: 26rem; }
    .square-img-mobile { width: 74%; height: 77vh;}
    .vid-two-mobile { margin-left: 11%; height: 13rem;}
    .vid-weird-mob{margin-left: 12%;}
    .img-weird-padding { margin-left: 9%;}
    .video-square-two { height: 29vh !important;}
}

@media screen and (max-width: 420px) {
    html, body{overflow-x: hidden;
        width: 100vw;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;}
    main { width: 100vw; padding: 0 2rem;}
    .navbar { width: 100vw; padding: 2.4rem 1rem 1rem 1.38rem; background: -moz-linear-gradient(0deg, rgba(20,20,19,0) 18%, rgba(20,20,19,1) 100%); background: -webkit-linear-gradient(0deg, rgba(20,20,19,0) 18%, rgba(20,20,19,1) 100%); background: linear-gradient(0deg, rgba(20,20,19,0) 18%, rgba(20,20,19,1) 100%); }
    h2 { font-size: 3rem;}
    footer { display: block; width: 100vw; overflow: hidden; height: 58vh;}
    .footer-top { display: block; margin-top: 4rem;}
    .footer-bottom { display: block;}
    .footer-top-left { width: 80%; margin-bottom: 2rem;}
    .footer-top-right { width: 100%; margin-bottom: 2rem;}
    .footer-bottom-left { text-align: right;}
    .footer-bottom-right { text-align: right; justify-content: flex-end;}
    .top-icon { margin-right: 0px;}
    .modal-content { height: 76vh;}
    .modal-body { padding: 1rem}
    .services { display: block;}
    .history-number { font-size: 1rem;}
    .do-txt { grid-column: 1/18;}
    .project-info { display: block;}
    .project-info-left { display: flex;}
    .project-info p { margin-bottom: 4rem;}
    .img-center-padding { display: block; width: 100vw; padding: 0 2rem; object-fit: cover;}
    .img-center-padding img { width: 100%;}
    .images-container { gap: 6vh !important;}
    .img-three { margin: 0 2rem; width: 100vw; justify-content: center;}
    .three-to-two{ width: 84vw;}
    .vertical-three-one-h { height: 80vh !important;}
    .vertical-three-one-h-2 { height: 92vh !important;}
    .vertical-three-one { height: 48vh !important;}
    .three-none { display: none !important;}
    .img-three { height: 22vh !important;}
    .img-three-v-inner { height: 37vh !important;}
    .img-three-v-inner-2 { height: 44vh !important;}
    .img-center-full{ height: 28vh; display: block; margin: auto; width: 85vw; text-align: center; margin: 0 2rem }
    .img-three-padding { margin: 0 2rem; width: 84vw; height: 18vh;}
    /* .img-two-padding { margin: 0 2rem; width: 84vw; height: 18vh;} */
    .img-two-padding { display: block; height: 34rem; width: 84vh; margin: 0 2rem;}
    .img-two-inner { display: block; height: 26vh; width: 100%;}
    .img-two-col { display: block;}
    .padding-bottom-mob { margin-bottom: 4rem;}
    .img-two-div { width: 84vw;}
    .video-center-padding { display: block; margin: 0 2rem; width: 84vw; height: 28vh;}
    .video-center-padding video { width: 100%;}
    .img-two-div video { width: 100%; height: auto;}
    .img-center-padding-2 { display: block;}
    .img-center-padding-2 img { margin: 0 2rem; width: 84vw; height: 28vh;}
    .img-long-height { height: 21vh !important;}
    .img-two-padding-vertical { margin: 0 2rem; width: 84vw; height: 34rem;}
    .img-two-div video { width: 100%; height: auto !important;}
    .img-ratio-left img { width: 86vw; margin: 0 2rem; }
    .img-center-full video { width: 130%; height: auto; text-align: center; margin-left: -15%;}
    .img-two-inner video { width: 100%; height: auto !important;}
    .img-two-padding-vertical-video { height: 58rem;}
    .ela-vertical { height: 69vh;}
    .height-20vh { height: 22vh;}
    .height-sm-img { height: 15rem;}
    .height-sm-video { height: 12rem;}
    .video-square-two { height: 50rem !important;}
    .video-square-three { height: 50rem !important;}
    .bacalari-vertical { height: 60vh !important;}
    .hero-3 {  background-image: url('./projects/3_hero_mob.jpg'); }
    .hero-4 {  background-image: url('./projects/4_hero_mobil.jpg'); }
    .hero-5 {  background-image: url('./projects/5_hero_mob.jpg'); }
    .hero-7 {  background-image: url('./projects/7_hero_mob.jpg'); }
    .hero-13 {  background-image: url('./projects/13_hero_mob.jpg'); }
    .hero-19 {  background-image: url('./projects/19_hero_mob.jpg'); }
    .hero-22 {  background-image: url('./projects/22_hero_mob.jpg'); }
    .hero-23 {  background-image: url('./projects/23_hero_mob.jpg'); }
    .clockm-inner{display: flex; width: auto;column-gap: 0.6rem; font-size: 0.6rem;}
    .clockm{ display: flex; width: 85vw; position: absolute; justify-content: center; margin-top: -2.4rem; margin-bottom: 1rem; }
    .clock{display: none;}
}