@charset "utf-8";
/* CSS Document */

.row {
    flex-direction: column;
    height: auto;
    scroll-snap-align: none;
}

.left-col, .right-col {
    width: 100%;
    border: 0;
    justify-content: center;
}

.left-col {
    text-align: center;
}

.left-col-title {
    max-width: none;
    padding-top: 5vw;
    font-size: 2.75vw;
    line-height: 3.25vw;
	margin-top:30px;
}

.col-padding {
    padding: 2vw;
}

.middle-col {
    flex-grow: 1;
}

.content2columns {column-count: 1;}

body {
    font-size: 2.25vw !important;
    line-height: 2.85vw !important;
}

.about .controls {
    display: none;
}

.right-person {
    align-items: center;
    max-width: 400px;
    margin: 0 auto;
    font-size: 1.75vw !important;
    line-height: 2.5vw !important;
}

h2 {
    font-size: min(3.5vw, 28px);
    line-height: min(3.75vw, 35px);
}

.tabbed-menu {
    font-size: min(2.5vw, 25px);
    line-height: min(2.75vw, 35px);
}


.content3columns {
    column-count: 1;
    text-align: center;
}

.middle-col {
    flex-basis: 100%;
}

.middle-col-lifestyle {
    flex-direction: column;
}

.lifestyle-col-pomelo {
    min-height: 80vw;
    background-position-y: -90vw;
    background-size: 110vw;
    background-position-x: center;
}

.right-col-lifestyle img {
    object-position: 0;
}

.left-col-footer {
    display: none;
}

.hero-content {
    position: relative;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    padding: 25vw 5vw;
    font-size: 2.5vw;
    line-height: 3.5vw;
}

.left-col-menu {background-color: #fafafa;height: 60px;position: fixed;z-index: 10;padding-bottom: 2vw !important;}

.logo {width: initial;/position: relative;top: 1vw;}

.middle-col-hero {
    margin-top: 60px;
}

img.logo-img {
    max-width: 180px;
}

.row-real-estate {
    background-size: 300vw;
    padding-bottom: 40vw;
}

h4 {
    font-size: min(2.5vw, 25px);
    line-height: min(2.75vw, 35px);
}
.portfolio-items {width: 92vw}
.portfolio-items-container { gap: 2vw }
.portfolio-items .item {
	width: 90vw;
}

.portfolio-header {padding: 2vw;}

.content-extended.portfolio {
    margin-top: 2vw;
}

.footer-slogan br {
    display: none;
}

.footer-slogan {
    text-align: center;
    margin: 8vw 0;
}

h3 {
    font-size: min(2.5vw, 20px);
    line-height: min(2.75vw, 22px);
    text-align: center;
}

.right-col-hero {
    display: none;
}

.show-mob-menu {
    display: block;
}

.mainmenu {
    align-items: center;
}
.mainmenu ul {width: 100vw; margin-top: 65px; padding-bottom: 20px;}
.mainmenu ul li a {font-size: 16px}
.open .show-mob-menu {opacity:1}
.

.footer-row2 {
    gap: 4vw;
}