html {
    font-size: 62.5%;
    box-sizing: border-box;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scroll-padding-top: var(--header-height, 250px);
}

::-webkit-scrollbar { 
    display: none; 
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
    font-size: 1.1rem;
    color: #3B3B3B;
    font-family: source-code-pro, monospace;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    line-height: 20.4px;
    -ms-overflow-style: none; 
}

.member-wrapper {
    display: block;
    max-width: 1250px;
    margin: 3rem 0 0 auto;
    padding: 0;
}

.linklab-member-container {
    display: flex;
    justify-content: end;
}

a {
    text-decoration: none;
    color: #727272;
    border-bottom: transparent solid .1rem;
    width: fit-content;
    line-height: 16px;
}

a:hover {
    color: #161615;
}

.pswp {
    display: none;
}

.headerWrapper {
    display: block;
     max-width: 1250px;
    margin: 0 auto;
    padding: 53px 5rem 35px;
}

.headerContainer {
    z-index: 999;

    position: fixed;
    top: 0;
    background: white;
    width: 100vw;
}

@media screen and (max-height: 800px){
    .headerContainer.collapsed {
        height: 100%;
        overflow-y:scroll;
    }
}

.link {
    width: fit-content;
    position: relative;
    color: #727272;
}

.link a:hover::before {
    content: '\A';
    width: 5px;
    height: 5px;
    background-color: #161615;
    margin-left: -13px;
    display: inline-block;
    margin-right: 8px;
}

.link a:hover::after {
    content: '';
    height: .1rem;
    width: 100%;
    color: #161615;
    background-color: #161615;
    display: block;
    position: absolute;
    bottom: 1px;
}

.link1 a:hover::after {
    width: 69%;
}

.link1 p:first {
    margin-bottom: .2rem;
}

.prev, .next {
    cursor: pointer;
}

.arrows {
    position: absolute;
    width: 94vw;
    margin: 0 3vw;
    height: 100vh;
    align-items: center;
}

.arrows .prev,
.arrows .next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.arrows .prev { left: 0; }
.arrows .next { right: 0; }

.bannerImg {
    width: 100vw;
    height: auto;
    margin-bottom: -.5rem;
}

main {
    margin-top: 10.6rem;
    padding-top: 186px;
}

.flexHeader {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 32.6rem);
}

nav {
    display: inline-block;
    vertical-align: top;
    width: 32.1rem;
}

nav ul {
    display: inline-block;
    vertical-align: top;
}

nav ul + ul {
    float: right;
}

.menuTitle {
    display: none;
}

.overContainer {
    background-color: #DDDDDC;
    padding: 0 0 8.9rem 0;
    margin-bottom: 12.9rem;
}

.container,
.wrapper {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 5rem;
}

.projectenContainer {
    margin-bottom: 5rem;
}

.overContainer h1 {
    border-bottom: rgba(140, 139, 139,0.5) solid 1px;
    margin-bottom: 0px;
}

h1 {
    font-size: 2rem;
    padding: 8.32rem 0 1.1rem 0;
    border-bottom: #161615 solid .05rem;
    margin-bottom: 4.6rem;
}

.textContainer1 {
    display: block;
    line-height: 2.04rem;
    margin-top: 42px;
    letter-spacing: 0.22px;
}

.overContainer p {
    width: calc(50% - 2.1rem);
    vertical-align: top;
    display: inline-block;
}

.section2p1 {
    margin-right: 4rem;
}

.signature {
    position: absolute;
    margin-top: 2.5rem;
    right: 10vw;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

.contactContainer {
    color: #A7A7A7;
    background-color: #2E2E2D; 
    display: block;
    height: 36rem;
}

.contactContainer h1 {
    border-bottom: none;
    margin-bottom: 4.7rem;
    font-weight: 600;
}

.contactContainer p {
    margin-bottom: 2.5rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #DDDDDC;
}

#contact.contactContainer a {
    color: #DDDDDC;
}

.containerTeam {
    margin-bottom: 10rem;
}

.containerTeam h1 {
    margin-bottom: 0;
}

.contact {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    padding-left: 5vw;
    height: 36rem;

    display: inline-block; 
    *display: inline;
    zoom: 1;
    box-sizing: border-box;
}

.contact a {
    color: #A7A7A7;
}

.marker {
    background-image: url('/assets/img/favicon.png');
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

#map {
    width: 70%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    height: 36rem;

    display: inline-block; 
    *display: inline;
    zoom: 1;
    box-sizing: border-box;
}

@media (max-width: 750px){
    #map {
        width: 100%;
    }
}

#map:before {
    content: '\A';
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #01FFFF;
    top: 50%;
    left: 0;
    z-index: 1;
}
#map:after {
    content: '\A';
    height: 100%;
    position: absolute;
    width: 1px;
    background-color: #01FFFF;
    top: 0;
    left: 50%;
    z-index: 1;
}

.map {
   width: 100%;
   height: 100%;
   height: 36rem;    
}

.social {
    margin-bottom: 2.5rem;
    display: block;
}

.social a {
    display: inline-block;
}
.social a + a {
    margin-left: 5px;
}

footer {
    background-color: #2E2E2D;
    font-size: 1rem;
    color: #DDDDDC;
    display: block;
    padding: 25px 0;
    text-align: center; 
}

footer article p {
    margin-right: 2rem;
    width: calc(100% - 350px);
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

footer article .member-logo {
    width: 90px;
    margin-right: 57px;
    flex-shrink: 0;
}

footer article .member-logo img {
    vertical-align: top;
}

footer article .member-logo img {
    width: 100%;
}

footer article .legal {
    width: 147px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    flex-shrink: 0;
}

footer article a {
    color: #DDDDDC;
}

footer article a:hover {
    color: white;
}

.wrapperFooter {
    width: 100%;
    padding: 0 5rem;
    display: inline-block;
    vertical-align: middle;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 600px) {
    .wrapperFooter {
        display: block;
    }

    footer article .member-logo {
        margin: 0 auto;
    }
}

.mailfooter {
    border-bottom: #DDDDDC solid .05rem;
}

.grid:after {
    content: '';
    display: block;
    clear: both;
}

.grid {
    margin: 0 auto;
}

#projecten .grid {
    margin-left: -2.5rem;
    width: calc(100% + 5rem);
}

.grid-sizer,
.grid-item {
    width: 33.333%;
}

.grid-item {
    height: auto;
    float: left;
    position: relative;
  }

.grid-item .content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    width: 100%;
}

/*.gutter-sizer {
  width: 5rem;
}*/

.grid-item:hover .overlay {
    opacity: 1;
    cursor: pointer;
  }

.productImg {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 5rem;
}

.modal {
    position: fixed; 
    z-index: 5; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
    z-index: 56765;
}

.zwartvlak {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #161615;
    z-index: -5;
    opacity: .9;
}

.modal img {
    height: 90vh;
    object-fit: contain;
    width: 90vw;
    margin: 0 auto;
    display: block;
    padding-top: 10vh;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}


@media (max-width: 850px){
    .modal img {
        -webkit-transform: scale(1);
        transform: scale(1);
    }   
}


  .close {
    font-size: 1.6rem;
    position: absolute;
    right: 5.5rem;
    top: 6.3rem;
    cursor: pointer;
    z-index: 5774;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }

  .close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
    position: absolute;
    width: 100vw;
    height: 100vh;
}

 .dots {
    position: absolute;
    bottom: 5rem;
    right: 5.5rem;
    display: block;
    z-index: 15;
} 

 .dot {
    height: 1rem;
    width: 1rem;
    border: 0.1rem solid white;
    background: transparent;
    margin-left: 1.5rem;
    cursor: pointer;
    display: inline-block;
}

.activeDot {
    background-color: white;
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: .5s;
    animation-name: fade;
    animation-duration: .5s;
}

@-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.5rem;
    right: 2.5rem;
    height: calc(100% - 5rem);
    width: calc(100% - 5rem);
    opacity: 0;
    transition: .5s ease;
    background-color: #2E2E2D;
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none; 
}

.link-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.5rem;
    right: 2.5rem;
    height: calc(100% - 5rem);
    width: calc(100% - 5rem);
    z-index: 1;
}

.text {
    line-height: 1.92rem;
    color: #DDDDDC;
    position: absolute;
    padding: 2.5rem 3rem;
    text-align: left;
    height: calc(100% - 5rem);
    width: 22vw;
}

.text a {
    z-index: 3;
    position: relative;
}

.productTitle {
    font-size: 1.6rem;
}

.activeItem {
    background-color: #F7F7F7;
    color: #161615;
}

.teamListItem {
    color: #C6C6C6;
    height: 10.4rem;
    width: 31.7rem;
    border-bottom: #B9B9B9 solid .02rem;
    display: block;
    padding-left: 3.3rem;
    line-height: 1.7rem;
}

.teamListItem:before {
    content: '\A';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.teamListItem .vcenter {
    display: inline-block;
    vertical-align: middle;
}

.teamListItem:hover, .activeItem {
    cursor: pointer;
    background-color: #F7F7F7;
    color: #161615;
}

.teamListContainer {
    display: inline-block;
    vertical-align: top;
}

.naam {
    font-size: 1.8rem;
}

.teamDetail {
    padding: 3.5rem 11.8rem 0 5.5rem;
    display: inline-block;
    max-width: calc(100% - 31.7rem);
    vertical-align: top;
}

.mobile,
.teamMobile {
    display: none;
}

.teamFlex {
    /*display: flex;
    justify-content: space-between;*/
    margin-top: 6.5rem;
}

.teamDetail p {
    margin-bottom: 1rem;
    line-height: 20.4px;
}

.teamFlex p {
    margin-bottom: 2px;
}

.teamFlex p a {
    color: #9B9B9B;
    text-decoration: underline; 
}

.teamFlex p a:hover {
    color: #585757;
}

.teamListItem h3 {
    text-transform: uppercase;
}

.disclamer {
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 2rem;
}

.disclamerContainer {
    margin-bottom: 10rem;
}

.disclamerContainer strong{
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 2rem;
}

.disclamerMail {
    color:#3B3B3B;
}

.disclamerContainer p {
    margin-bottom: 2rem;
    width: 45vw;
}

.adres p {
 margin-bottom: .5rem;
}

.teamFlex div {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}

.socialContainer {
    padding: 0 0 0 5rem;
    font-size: .9rem;
}

.socialContainer h1 {
    font-weight: 400;
}

.IGimg {
    width: 25rem;
    height: 25rem;
    object-fit: cover;
    margin-bottom: 37px;
}

.slides li {
    max-width: 30.3rem;
    color: #B9B9B9;
    display: table-cell;
    position: relative;
    overflow: visible;
}

.table {
    display: table;
    overflow: visible;
    padding-bottom: 150px;
}

.slides .child,
.slides .date {
    padding-right: 5.3rem;
}

.caption {
    color: #B9B9B9;
    margin: 0 1.5rem 5rem 1.5rem;
}

.slides li:hover {
    color:#161615;
}

.slides li:hover .caption {
    color:#161615;
}

.slides {
    display: block;
    overflow: hidden;
    overflow-x: scroll;
    -ms-overflow-style: none; 
}

.user {
    margin-bottom: 20px;
    font-size: 9px;
}

.date {
    border-top: 1px solid rgba(26, 26, 26, 0.2);
    padding-top: 2.5rem;
    margin-bottom: 10rem;
    position: absolute;
    width: 100%;
    top: 100%;
}

.slides li:hover .date {
    color:#161615;
}
.slides li:hover .date:before {
    content: '\A';
    width: 25rem;
    position: absolute;
    top: -0.5px;
    left: 0;
    height: 0.75px;
    background-color: rgb(26,26,26);
}


.date p {
    margin: 0 1.5rem;
}

.description {
    overflow: hidden;
    font-size: 11px;
    line-height: 16px;
}

::-webkit-scrollbar {
    width: 0;
  }

::-webkit-scrollbar-track {
    background: transparent; 
}
   
::-webkit-scrollbar-thumb {
    background: transparent; 
}
  
::-webkit-scrollbar-thumb:hover {
    background: transparent; 
}

/* LINK LAB */

h1 {
    color: #1735FC; /* color-blue */
    border-bottom-color: #1735FC; /* color-blue */
}

.slides li:hover .date:before {
    background-color: #1735FC; /* color-blue */
}

.bannerImg {
    display: block;
}

.signature {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.contactContainer h1 {
    color: #DDDDDC;
}

.contactContainer p {
    margin-bottom: 0;
}

.contactContainer .social {
    margin-top: 2.5rem;
}

.headerWrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0 20px;
    padding-bottom: 30px;
}

nav,
.flexHeader {
    width: auto;
}

.member-wrapper {
    margin: 0 auto;
    padding: 0px 5rem 35px;
}
@media only screen and (max-width: 500px){
    .member-wrapper {
        padding: 0px 35px 35px;
    }

    .overlay {
        width: 100%;
    }
}

nav ul + ul {
    margin-left: 60px;
}

/* BREAKPOINTS */

@media only screen and (min-width: 1250px) {

    .socialContainer{
        max-width: calc(100vw - (100vw - 1250px) /2);
        margin: 0 auto;
        padding: 0 0 0 5rem;
        margin-left: calc((100vw - 1250px) /2);
    }

    .contactContainer {
        margin: 0 auto;
    }

    .overContainer {
        padding: 0 0 8rem 0;
        margin-bottom: 10rem;
    }

    .headerWrapper {
        max-width: 1250px;
        margin: 0 auto;
        padding: 53px 5rem 35px;
    }

    .headerDisclamer {
        margin: 5.4rem 0;
    }

    .bannerImg {
        height: 40rem;
        object-fit: cover;
    }

    .containerTeam {
        margin-bottom: 10rem;
    }

    .dateLine {
        width: 1150px;
    }

    .text {
        width: 35rem;
    }

    .projectenContainer {
        margin-bottom: 10rem;
    }

    .wrapperFooter {
        width: 1250px;
    }
}

@media only screen and (max-width: 1100px) {
    .teamDetail {
        padding: 3.5rem 5rem 0 5.5rem;
    }
}

@media only screen and (max-width: 1050px) {
    .teamFlex {
        flex-direction: column;
    }

    .teamFlex div {
        display: block;
        width: 100%;
    }

    .teamFlex div p {
        width: 50%;
        display: inline-block;
    }
}

@media only screen and (max-width: 950px) {
    .grid-sizer,
    .grid-item {
        width: 36vw;
    }

    .gutter-sizer {
        width: 3rem;
    }

    .productImg {
        padding-bottom: 3rem;
    }
    
    .overlay {
        height: calc(100% - 3rem);
      }
    
    .text {
        height: calc(100% - 3rem);
        width: 36vw;
        font-size: 1.1rem;
        padding: 1.5rem;
    }
}

@media only screen and (max-width: 905px) {
    .headerWrapper {
        padding: 5.4rem 5rem;
    }

    .headerContainer {
        padding: 0;
    }

    .wrapperFooter {
        padding: 0 5rem;
    }

    .socialContainer {
        padding-left: 5rem;
    }

    .dateLine {
        width: calc(100vw - 5rem);
    }
}

@media only screen and (max-width: 800px) {
    .teamListItem {
        width: 26rem;
    }

    .teamDetail {
        padding: 3.5rem 2rem 0 3rem;
    }

    .teamFlex {
        margin-top: 4rem;
    }
}

@media only screen and (max-width: 750px) {
    .overContainer .textContainer1 {
        flex-direction: column;
    }

    .section2p1 {
        margin-right: 0;
    }

    .overContainer p {
        width: auto;
        margin-bottom: 4rem;
    }
    
    .desktop,
    .teamDesktop {
        display: none;
    }

    .teamDetail {
        padding: 3.5rem 0 0 0;
        margin-bottom: 3rem;
    }
    
    .mobile,
    .teamDetail,
    .teamMobile,
    .teamListContainer {
        display: block;
    }

    .teamDetail {
        max-width: none;
    }

    .teamListItem {
        width: 100%;
        border-top: #B9B9B9 solid .02rem;
        margin-top: -0.1rem;
    }

    .contactContainer {
        flex-direction: column;
        height: 72rem;
    }

    .contact {
        margin: 0;
        padding-bottom: 5rem;
        width: auto;
        height: 36rem;
        padding: 0 5rem;
    }

    .mapContainer {
        width: 100vw;
        height: 36.1rem;
    }
    
    .map {
       width: 100%;
       height: 100%;
    }
}

@media only screen and (max-width: 700px) {

    footer {
        height: auto;
    }

    footer article p {
        display: block;
        text-align: center;
        width: 100%;
        padding-top: 20px;
    }

    header {
        position: fixed;
        top: 0;
        transition: top 0.2s ease-in-out;
        width: 100%;
        background-color: white;
    }

    .nav-up {
        top: -210px;
      }

     body {
/*        padding-top: 210px;*/
    }

    footer article div {
        width: auto;
        display: block;
        text-align: center; 
        padding: 5px 0px 15px;
    }

    footer p {
        margin-right: 0;
    }

    .disclamerContainer p {
        width: auto;
    }

    .close {
        right: 3rem;
        top: 3rem;
    }

    .dots {
        right: 3rem;
        bottom: 3rem;
    }

    .modal {
        overflow: hidden;
    }

    .modal img {
        height: 100vh;
        object-fit: contain;
        width: 100vw;
        padding-top: 0;
    }
}

@media only screen and (max-width: 600px) {
    /* navigatie */

    .flexHeader {
        width: 100%;
        display: block;
    }

    .hamburger {
        display: inline-block;
        cursor: pointer;
        height: 2.2rem;
        vertical-align: top;
        float: right;
    }

    .hamburger.collapsed .bar1 {
        -webkit-transform: rotate(45deg) translate(11px, 5px);
        -moz-transform: rotate(45deg) translate(11px, 5px);
        -ms-transform: rotate(45deg) translate(11px, 5px);
        -o-transform: rotate(45deg) translate(11px, 5px);
        transform: rotate(45deg) translate(11px, 5px);
    }
    .hamburger.collapsed .bar2 {
        opacity: 0;
    }

    .hamburger.collapsed .bar3 {
        -webkit-transform: rotate(-45deg) translate(9px, -3px);
        -moz-transform: rotate(-45deg) translate(9px, -3px);
        -ms-transform: rotate(-45deg) translate(9px, -3px);
        -o-transform: rotate(-45deg) translate(9px, -3px);
        transform: rotate(-45deg) translate(9px, -3px);
    }

    .bar1, .bar2, .bar3 {
        width: 3.261rem;
        height: .1rem;
        display: block;
        background-color: #707070;
        transition: 0.4s;
        margin-bottom: 9px;
    }
    
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
    }
    
    .change .bar2 {
        opacity: 0;
    }
    
    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-9px, -6px);
        transform: rotate(45deg) translate(-9px, -6px);
    }

    nav {
        flex-direction: column;
        font-size: 14px;
        width: 100%;
        margin-top: 6rem;
    }

    nav ul {
        display: block;
        width: 100%;
    }

    nav ul.secondNav li:last-child:after {
        display: none;
    }

    .link a:hover::after, 
    .link a::after { 
        display: none; 
    }

    .link:hover::after { background-color: #161615; }

    nav ul.secondNav li:last-child { margin-bottom: 100px; }

    .hideNav {
        display: none;
    }

    .link {
        margin-bottom: 6px;
        width: 100%;
        line-height: 2.5rem;
        font-size: 16px;
        font-weight: 400;
    }
    .link1 {
        padding-top: 10px;
    }

    .link a {
        width: 100%;
        display: inline-block;
        line-height: 2.5rem;
        padding-top: 17px;
    }

    .link::after {
        content: '';
        height: .1rem;
        width: 100%;
        color: #B9B9B9;
        background-color: #B9B9B9;
        display: block;
        margin-top: 5px;
    }

    .link1 a:after {
        width: 100%;
    }
    
    .link a:hover::before {
        content: '';
        display: none;
    }

    .link1 a::after {
        height: 0;
    }

    .secondNav {
        /*display: flex;
        flex-direction: column;*/
    }

    .adressNav {
        order: 4;
        width: 100%;
    }

    .mailNav {
        order: 1;
        width: 100%;
    }

    .fbNav {
        order: 2;
        width: 100%;
    }

    .igNav {
        order: 3;
        width: 100%;
    }

    .menuTitle {
        display: inline;
        margin-bottom: 6px;
        color: #000000;
        font-size: 2.1rem;
    }

    .menuTitle::after {
        content: '';
        height: .1rem;
        width: 100%;
        color: #B9B9B9;
        background-color: #B9B9B9;
        display: block;
        margin-top: 2.3rem;
    }

    /* img */
    .grid-sizer,
    .grid-item {
        width: 100%;
        height: auto;
        float: left;
        position: relative;
    }

    .gutter-sizer {
        width:  0;
    }

    .productImg {
        padding-bottom: 1.6rem;
    }
    
    .overlay {
        height: auto;
        opacity: 1;
        background-color: transparent;
        overflow: auto;
        position: static;
        color: #8C8B8B;
        padding: 0;
        margin-bottom: 5rem;
    }

    .text {
        color: #8C8B8B;
        height: auto;
        width: 100%;
        padding: 0;
        position: relative;
        font-size: 1.3rem;
        line-height: 2.8rem;
    }

    .productTitle {
        color: #000000;
        font-size: 1.7rem;
    }

    .productTitle::after {
        content: '▪';
        color: #161615;
        position: absolute;
        margin-left: 1rem;
        display: inline-block;
    }

    .projectnaam {
        font-size: 1.7rem;
        margin-left: 4rem;
    }

    main {
        margin-top: 5rem;
        padding-top: 30px;
    }

    .member-wrapper .linklab-member-container {
        justify-content: flex-start;
    }

    body {
        padding-top: 195px;
    }
    
}

@media only screen and (max-width: 500px) {
    .container,
    .wrapper,
    .contact {
        padding: 0 35px;
    }

    .headerWrapper {
        padding: 35px 35px
    }

    body {
        padding-top: 160px;
    }

    .socialContainer {
        padding-left: 35px;
    }

    .overContainer {
        margin-bottom: 7rem;
    }
    .signature {
        margin-top: 50px;
        width: 20rem;
        height: 66px;
    }

    .dateLine {
        width: calc(100vw - 2rem);
    }

    .logo {
        height: 78px;
        width: 71px;
    }
}


@media only screen and (max-width: 450px) {
    .dateLine {
        margin-top: -10.5rem;
    }

    .description {
        max-height: 4.1rem;
    }

    .IGimg {
        width: 20rem;
        height: 20rem;
        margin-bottom: 3rem;
    }

    .slides li {
        width: 20rem;
        margin-right: 3rem;
    }

    .date {
        margin-bottom: 5rem;
    }

    header {
        flex-direction: column;
    }

    .headerDisclamer {
        flex-direction: row;
    }
}

@media only screen and (max-width: 360px) {
    .disclamerContainer p {
        font-size: 1rem;
    }
}

.hide, .hidden {
    display: none;
}