/* HEIGHTS */

@media screen and (max-height: 600px) {
	

    
}

@media screen and (max-height: 600px) and (orientation: landscape) {
	
    
}

@media screen and (max-height: 1024px) {
	
.text-content {
    height:100%;
    padding: 2rem 2rem 4rem 2rem;
    overflow-y: auto;
}
	
	
}

/* WIDTHS */

@media screen and (max-width: 737px) {
	
body {
    font-size: 3vw;
}
	
.site-footer {
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    padding: 0 1rem 1rem 1rem;
}
	
.intro-title {
    font-size: 7vw;
}
	
.swiper-slide {
    font-size: 5vw;
}
	
.site-footer small {
    font-size: 2.5vw;
}
	
.hero-title br {
    display: none;
}
	
.card-blocks {
    width: 90%;
    height: 80%;
	overflow: auto;
}
	
.content-block {
    width: 90%;
	flex-direction: column;
}
	
.content-column {
    width: 100%;
    text-align: left;
    height:unset;
    position: relative;
    z-index: 1000;
}
	
.content-panel.left-side {
        margin: auto 0 !important;
        box-sizing: border-box;
    }
	
	  /*  .content-panel.right-side {
        margin: auto 0 25% 0 !important;
        box-sizing: border-box;
    } */
	
.h-button-next {
    width: 1.5rem;
    height: 1.5rem;
	right:0.5rem;
}
	
	.h-button-next.ppl {
		right:0.5rem;
	}
	
	.h-button-prev.ppl {
		left:0.5rem;
	}
	
.h-button-prev {
    width: 1.5rem;
    height: 1.5rem;
	left:0.5rem;
}

.rot-title-panel {
    position: relative;
}
	
.rot-title {
    transform: unset;
    font-size: 8vw;
    text-transform: uppercase;
    /* left: 0; */
    position: relative;
    /* bottom: 0; */
    margin: 0 0 1rem;
    /* height: 100%; */
    width: 100%;
    text-wrap-mode: nowrap;
}

.title-overlay {
    z-index: 1;
    font-size: 5vw;
}
	
.what-we-do {
    width: 90%;
    margin: 0 auto;
    height: 80%;
    position: relative;
}
	
.what-we-do-service {
    width: 90%;
    height: 80%;
}
	
.services-title {
    margin: 0 0 0.5rem 0;
}
	
.services-carousel {
    position: absolute;
}
	
.service-item-content {
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    z-index: 1;
    background: rgba(34, 47, 76, 0.8);
    padding: 0.5rem;
    width: 100%;
    font-size: 4vw;
    text-align: left;
}
	
.service-item-content p {
	margin:0;
}
	
.content-panel.center {
    width: 90%;
	height: 70%;
}
	
.people-title {
    font-size: 5vw;
}
	
.panel-image-column {
    width: 100%;
    height: 80%;
    margin-top: 3rem;
}
	
	.map-background {
		flex-direction: column-reverse;
	}
	
.contact-column {
    width: 100%;
}
	
.point-list {
    margin: 0;
}
	
.people-image:after {
    content: "";
    display: none;
    padding-bottom: 75%;
}
	
.skills {
    columns: 1;
}
	
.our-future {
    width: 100%;
    height: 80%;
    overflow: auto;
}
	
.future-panel {
    padding: 3rem;
}
	
.text-content {
    height:50%;
    padding: 2rem;
}
	
    .contact-us-image {
        width: 100%;
        height: 100%;
        position: relative;
    }
	
.contact-image {
    width: 100%;
}

	
.people {
    width: 90%;
    height: 90%;
    position: relative;
    margin: 0 auto;
}
	
.people-content {
    background: rgba(163, 145, 96, 0.8);
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: auto;
}
	
.contact {
    width: 90%;
    height:100%;
	max-height: 70%;
    flex-direction: column;
    overflow: auto;
}
	
figcaption {
    font-size: 3vw;
}
	
.sub-menu {
    width: 85%;
}
	
.content-panel p:last-of-type {
    margin-bottom: 0 !important;
}
	
    .content-panel {
        width: 100%;
        height:70%;
        padding: 2.5rem;
		box-sizing: border-box;
        text-align: left;
        overflow-y: auto;
    }
	
.list-items {
    columns: 1;
}

.our-food {
    width: 80%;
    height: 80%;
	overflow:auto;
}
	
.right-side {
    margin: 0;
}
	
.content-panel.full-panel {
    width: 100%;
}
	
.ch-button-prev {
    left: 1rem;
    width: 2rem;
    height: 2rem;
}
	
.ch-button-next {
    right: 1rem;
    width: 2rem;
    height: 2rem;
}
	
.carousel-text {
    background: rgb(34, 47, 76);
    background: linear-gradient(0deg, rgba(34, 47, 76, 0) 0%, rgba(34, 47, 76, 1) 100%);
    position: absolute;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    font-size: 5vw;
}
	
.services-carousel-images {
    position: relative;
    width: 100%;
}
	
.services-carousel-images:after {
    content: "";
    display: block;
    padding-bottom: 75%;
}
	
.services-content {
    flex-direction: column;
    overflow: auto;
}
	
.services-panel {
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
	justify-content: flex-start;
}
	
.services-content {
    flex-direction: column;
}
	
.panel {
    padding: 2rem;
}
	
.content-column-image {
    width: 100%;
    position: relative;
}
	
.content-column-image:after {
    display: none;
    content: "";
    padding-bottom: 75%;
}
	
.image-contain img {
    object-fit: contain !important;
    position: relative;
}
	
.about-us-panel {
    width: 90%;
}
	
.sub-title {
    font-size: 5vw;
    display: block;
}
	
	.panel h2 {
		font-size:5vw;
	}
	
.content-block {
    width: 90%;
    height: 80%;
    overflow: auto;
}
	
.content-column-image:after {
    padding-bottom:75%;
	display: block;
	content:"";
}
	
.site-logo {
    margin: 1rem 0 0 1rem;
}
	
.block {
    width: 100%;
}
	
.page-title {
    font-size: 7vw;
}
	
    .hero-title {
        font-size: 6vw;
        margin: 0 auto 32% auto;
        width: 90%;
    }
	
.home-slide {
    justify-content: flex-end;
    align-items: flex-end;
}
	
.carousel-title {
    font-size: 4vw;
}
	
.site-link {
        width: 7rem;
    }
	
.awards-content {
    width: 90%;
}
	
.awards-text {
    font-size: 6vw;
    margin: 1rem 0 1rem 0;
}
	
.nav-menu {
    right: -100%;
    width: 100%;
}
	
	.active {
		right:0;
	}
	
.nav-link {
    font-size:4vw;
}
	
.menu-icon {
    padding: 2.5rem 1rem;
}
	
.menu-icon .navicon {
    height: 1px;
    width: 45px;
}
	
}

@media screen and (min-width: 480px) {
	
    
}

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

}

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

}



@media screen and (min-width: 980px) {
	
    
}

@media screen and (min-width: 1024px) {  
	
    
}

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

    
}

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

.site-link {
    width: 12rem;
}
    
}

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

.card-blocks {
    width: 55%;
}
	
.page-title-large {
	font-size:5vw;
}
	
	.content-block {
		width:90%;
		height: 70%;
	}
	
.swiper-slide {
}
	
.what-we-do-service {
    width: 90%;
    height: 70%;
}
	
.sub-title {
	font-size:1.25rem;
}
	
	h2 {
		font-size: 1.25rem;
	}
	
.panel {
    padding: 2rem;
}
    
}

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

.card-blocks {
    width: 70%;
}
	
.page-title-large {
	font-size:6vw;
}

	
}

@media screen and (min-width: 1620px) {
	
.card-blocks {
    width: 65%;
}
	
.page-title-large {
	font-size:5.5vw;
}
	
}

@media screen and (min-width: 2160px) {
  
.card-blocks {
    width: 50%;
}
	
.page-title-large {
	font-size:4vw;
}

}