@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap');
/*@import url('https://fonts.cdnfonts.com/css/madelyn-2');*/
@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');
body {
}
p, h1, h2, h3, h4, h5, h6, span, div{
	/*color: #957049 !important;*/
}
.read-more:hover{
	color: #d8c6ae !important;
}
.home-banner{
	/*max-height: 90vh;*/
	width: 100%;
	object-fit: contain;
	background: #ffffff;
}
.brown-text{
	color: #957049 !important;
}
.about-container .col-md-6{
	margin: auto !important;
}
#case{
	padding-bottom: 30px;
}
.contact-address{
	white-space: pre-wrap;
}
.contact-btn {
	display: inline-flex;
	align-items: center;
	background-color: transparent;
	color: black;
	border: 1px solid;
	padding: 10px 16px;
	font-size: 16px;
	cursor: pointer;
	border-radius: 0px;
	transition: width 0.3s ease, padding-right 0.3s ease;
	overflow: hidden;
	white-space: nowrap;
	border-color: black;
}

.contact-btn .contact-icon {
	width: 0;
	opacity: 0;
	transition: all 0.3s ease;
	margin-left: 0;
}

.contact-btn:hover .contact-icon {
	width: 20px;
	opacity: 1;
	margin-left: 10px;
	font-size: 20px;
	margin-top: 3px;
	transition: all 0.3s ease;
}
.contact-control{
	background: transparent !important;
	border-color: #000000 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}
.lazy-section {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.lazy-section.lazy-active {
	opacity: 1;
	transform: translateY(0);
}
.white-read-more{
	z-index: 20 !important;
}
.mobile body {
	cursor: none !important;
}
.breadcrumb-title-active{
	color: #e88dac !important;
}
.breadcrumb-title-inactive{
	color: #c60067 !important;
}
.footer-logo{
	transition: 0.5s ease;
	max-width: 150px;
}
.footer-logo:hover{
	transform: scale(1.15);
	transition: 0.5s ease;
}
.video-container-h {
	position: relative;
	width: 75%;
	height: 80vh;
	margin: auto;
	/*background: url('https://cdn.ecommercedns.uk/files/7/245707/1/26528061/buttercream-ballyseede-2022.jpg') center/cover no-repeat;*/
}
.home-vid{
	width: 100%;
	height: 80vh;
}
video {
	width: 100%;
	height: 100%;
	display: none; /* Hide initially */
}

.play-button-h {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
}

/* Triangle inside Play Button */
.play-button-h::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 20px solid white;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	margin-left: 5px; /* Adjust to center */
}
.white-bg{
	position: relative;
	width: 70%;
	left: 30%;
	padding: 20px 80px 20px 20%;
	background-color: #ffffff;
}
.white-container{
	padding: 60px 200px;
	position: relative;
}
.white-over-image{
	z-index: 5;
    position: absolute;
    top: 130px;
    left: 20%;
	max-width: 25%;
}
.white-image{
	/*max-width: 35%;*/
	height: auto;
}
.white-text{
	font-size: 1.2rem;
}
.f-links{
	transition: 0.3s ease;
}
.f-links:hover{
	transform: scale(1.2);
	transition: 0.3s ease;
}
.contact-links{
	transition: 0.3s ease;
}
.contact-links:hover{
	margin-left: 25px !important;
	transition: 0.3s ease;
}
.dancing-regular {
  font-family: "Dancing Script", cursive;
  font-weight: 400;
  font-style: normal;
}
/*
.madeleyn-regular {
  font-family: "Madelyn", serif;
  font-weight: 400;
  font-style: normal;
}
*/
.livvic-regular {
  font-family: "Livvic", serif;
  font-weight: 400;
  font-style: normal;
}
.great-vibes-regular {
	font-family: "Great Vibes", serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	letter-spacing: 2px;
}
.marcellus-regular {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
}
.gilda-display-regular {
  /*font-family: "Gilda Display", serif;*/
  font-family: "Livvic", serif;
  font-weight: 400;
  font-style: normal;
}
.types-grid-heading{
	margin-top: 10px !important;
	margin-left: 10px !important;
	font-weight: 300 !important;
	cursor: pointer;
	transition: 0.3s ease;
}
.types-grid-heading:hover{
	margin-left: 25px !important;
	transition: 0.3s ease;
}
.types-grid-image{
	max-width: 100%;
	height: auto;
	transition: 0.5s ease;
	cursor: pointer;
}
.types-grid-image:hover{
	transform: scale(1.08);
	transition: 0.5s ease;
}
.types-grid-image:hover > :not(:hover){
	filter: blur(5px);
	opacity: 0.5;
	transition: 0.5s ease;
}
.stories-card{
	border-radius: 0px !important;
	position: relative !important;
	overflow: hidden !important;
}
.stories-card-img{
	border-radius: 0px !important;
	transition: 0.5s ease;
}
.stories-card-text{
	top: 100% !important;
	position: relative !important;
	transform: translateY(-40px) !important;
	left: 2% !important;
	color: white !important;
	font-weight: 300 !important;
}

.stories-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2); /* Adjust transparency here */
	z-index: 1;
	cursor: pointer;
}

.stories-card-img-overlay {
	position: absolute !important;
	z-index: 2 !important;
	color: white !important; 
	cursor: pointer;
}
.stories-card-img-overlay:hover ~ .stories-card-img {
    transform: scale(1.08); /* Enlarge the image on hover */
	transition: 0.5s ease;
}


.cursor-pointer{
	cursor: pointer;
}


.contact-card{
	border-radius: 0px !important;
	position: relative !important;
	overflow: hidden !important;
	height: 200px!important;
}
.contact-card-img{
	border-radius: 0px !important;
	transition: 0.5s ease;
	width: 100%;
    max-height: 400px;
    object-fit: cover;
}
.contact-card-text{
	top: 50% !important;
	position: relative !important;
	/* transform: translate(38%, -50%) !important; */
	/* left: 0% !important; */
	transform: translateY(-50%);
	color: white !important;
	font-weight: 300 !important;
	letter-spacing: 2px;
	text-align: center;
}

.contact-card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	    background: rgb(218 132 161);
	z-index: 1;
	cursor: pointer;
}

.contact-card-img-overlay {
	position: absolute !important;
	z-index: 2 !important;
	color: white !important; 
	cursor: pointer;
}



.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	background-color: transparent !important;
}
.video-pop-up {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background-color: rgba(0,0,0,0.7);
}

.video-pop-up iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	max-height: 80%;
}



.nav__icon-toggle--is-opened{
	margin-top:-55px;
}
nav{
	text-align: center;
	justify-content: center;
}
.navbar-brand{
	padding-left: 4%;
}
.nav-link{
	font-size:18px !important;
}

.top-cover {
	overflow: hidden;
}

.main-wrap {
	overflow: hidden;
}

.content-wrap{
	overflow: hidden;
}


.video-section {
	display: flex;
	flex-wrap: wrap;
}

.video-container {
	width: 35%;
	height: auto;
	max-height: 500px;
	overflow: hidden !important;
	border-radius:20px !important;

}

.video-container iframe {
	width: 100%;
	height: 100%;
	border-radius:inherit;
}


#insta-icon{
	font-size:4rem;
	padding-top:10px;
}

.video-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: white;
	font-size: 36px;
}


.cap{
	text-transform: uppercase;
}
.nav-item{
	padding-left: 2rem;
	padding-right: 2rem;
}
.navbar .navbar-nav .nav-link {
	color: #000000;
	font-size: 20px;
	font-family: nexa;
	font-weight: 200;
}
@media only screen and (min-width: 992px) {
	.navbar {
		flex-direction: column;
	}
	/* .navbar .navbar-nav {
	border-bottom: 2px solid #000;
} */
	.navbar .nav-item {
		padding: 0.5em 1em;
	}
}
.navbar .navbar-nav {
	margin-top: 0.5em;
	/* border-top: 2px solid #000; */
}
.vid{
	width: 100%;
	height: 800px;
	position:relative;
	z-index:0;
}
.overlay {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: white;
	font-size: 36px;
	z-index:1;

}

.vid-text{
	/*font-family: "Gilda Display", serif;*/
	font-family: "Livvic", serif;
	font-weight: 200;
	color: white;
	font-size: 2rem;

}
.insta-micro{
	background-image: linear-gradient(to bottom right, #3a1c72, #db9478);
	margin: 0;
	height: 800px;
	width: 100%;
	justify-content: center;
	text-align: center;
	z-index: 1;
	position: relative;
	font-family: nexa;
	font-weight: 200;
}
.title{
	font-family: Marcellus, sans-serif;
	font-weight: 200;
}

.work-title{
	font-size:1.5rem;
	letter-spacing: .3px;
	font-weight: 600;
}

.micro-title{
	font-family: nexa;
	font-weight: 200;
	position: relative;
	color: white;
	margin-top: -70px;
	z-index: 3;
}
.micro{
	display: inline-block;
	height: 400px;
	width: 300px;
	margin-right: 5%;
	color:white;
	border-radius: 20px;
	padding-left: 20px;
	padding-top: 350px;
	font-size: 1.5rem;
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.micro-vid{
	display: inline-block;
	max-height: 100px;
	width: 300px;
	margin-right: 10%;
	color:white;
	border-radius: 20px;
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.insta-vid{
	display: inline-block;
	height: 400px;
	width: 300px;
	margin-left: 10%;
	color:white;
	border-radius: 20px;
	/*padding-left: 20px;
	padding-top: 350px;
	font-size: 1.5rem;*/
	cursor: pointer;
	z-index: 2;
	position: relative;
}

.bts-back{
	background-image: linear-gradient(to bottom right, #121e36, #35141b);
	margin: 0;
	height: 600px;
	width: 100%;
	padding-top: 4%;
	text-align: center;
	justify-content: center;

}
.bts-container{
	padding-right:40px;
	padding-left:40px;
	text-align: center;
	justify-content: center;
}

@media only screen and (max-width: 767px) {
	
}
.bts-view-more{
	font-family: nexa;
	font-weight: 200;
	margin-top: 50px;
	font-size: 1.5rem;
	color: white;
}
.card-bts{
	margin-right: 2%;
	margin-left: 2%;
	display: inline-block;
	background: transparent;
	border: 0 !important ;
	transition: .5s ease;
	overflow: hidden !important;
	border-radius: 25px !important;
}
/*
.card-bts:hover{
transition: .5s ease;
width: 11rem;
}*/
.card-bts:hover{
	cursor: pointer;
	transform: scale(1.1);
	transform-origin: 50% 50%;
	transition: .5s ease;
}
.card-img-bts{
	border-radius: 25px !important;
	transition: .5s ease;
}
.card-work{
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
	background: transparent;
	border: 0 !important ;
	transition: .5s ease;
	overflow: hidden !important;
	border-radius: 25px !important;
}
/*
.card-bts:hover{
transition: .5s ease;
width: 11rem;
}*/
.card-work:hover {
	cursor: pointer;
	transform: scale(1.1);
	transform-origin: 50% 50%;
	transition: .5s ease;
}
.card-img-work{
	border-radius: 25px !important;
	transition: .5s ease;
}

.work-container{
	padding-right:40px;
	padding-left:40px;
}
.bts-vid-text{
	padding-top: 10px;
	display: inline-block;
	color: white;
	font-size: 1.3rem;
	margin-top: -300px
}
.case{
	/* background-image: linear-gradient(to bottom right, #121e36, #35141b); */
	text-align: center;
	justify-content: center;
	padding-right:40px;
	padding-left:40px;
}

@media only screen and (max-width: 767px) {
	.case {
		padding-right: 0px;
		padding-left: 2px;
	}
}
.case-title{
	font-size: 1.7rem;
	color: black;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 50px;
}
.card-case{
	display: inline-block;
	margin-right: 20px;
	width: 17rem;
	border-radius: 25px;
	border: 0px  !important ;
	cursor: pointer;
}
.case-img{
	padding: 15px;
	border-radius: 25px;

}
.case-one{
	background-image: linear-gradient(to top left, #02858f, #7ce7f3);
}
.case-two{
	background-image: linear-gradient(to top left, #ba547b, #d3a2b7);
}
.case-three{
	background-image: linear-gradient(to top left, #464d79, #97bcc4);
}
.case-four{
	background-image: linear-gradient(to top left, #5f535d, #bf836b);
}

.work-text {
	color: #252525;
	font-size: 1.2rem;
	/*font-family: "Gilda Display", serif;*/
	font-family: "Livvic", serif;
	font-weight: 400;
	text-align: center;
}

@media (max-width: 768px) {
	.work-text {
		color: #252525;
		font-size: 1rem;
		line-height: 1.3rem;
		font-family: Nexa, sans-serif;
		font-weight: 400;
		text-align: center;
	}
}
.case-text {
	color: white;
	font-size: 1.5rem;
	font-family: Nexa, sans-serif;
	font-weight: 400;
	text-align: center;
}

@media (max-width: 768px) {
	.case-text {
		font-size: 1rem;
	}
}



.play {
	font-family: "Dancing Script", cursive;
	text-align: center;
	font-size: 26px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
}

@media (max-width: 767px) {
	.play {
		font-family: 'Playfair Display', serif;
		text-align: center;
		font-size: 20px;
		font-style: italic;
		font-weight: 700;
		letter-spacing: 0;
	}
}



.case-view-more{
	margin-top: 50px;
	font-size: 1.5rem;
	color: black;
	font-weight: 300;
}
.footerr {
	background-color: #f0e9e0;
	padding: 50px 20px;
}

.footer-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-logo img {
	max-width: 200px;
}

.footer-info p {
	margin: 0;
	font-size: 16px;
	line-height: 2rem;
	color: #393939;
}

.footer-rights p {
	margin: 0;
	font-size: 20px;
	line-height: 2rem;
	color: #393939;
}

.footer-links p {
	margin: 0;
	font-size: 20px;
	line-height: 2rem;
	color: #393939;
}



@media only screen and (max-width: 767px) {
	.footer-container {
		flex-direction: column;
		align-items: center;
		text-align:center;
	}

	.social-icons {
		margin: 0 10px;
	}
}


.social-icons a {
	display: inline-block;
	font-size: 20px;
	color: #957049;
}

@media only screen and (max-width: 767px) {
	.footer-container {
		flex-direction: column;
		align-items: center;
	}
	.social-icons {
		margin-top: 10px;
	}
}

.icons{
	font-size: x-large;
}
.icon{
	margin-bottom: -100px;
}
.logos-container{
	/*background-image: linear-gradient(to bottom right, #fff883, #ffffff, #cefffc);*/
	background-color: #f7f7f7;
	width: 100%;
	text-align: center;
	justify-content: center;
}


.logos-title{
	font-size: 1.7rem;
	color: black;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 50px;
}
.vids-main{
	justify-content: center;
	text-align: center;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 40px;
}
.card-img-vid{
	max-height: 700px;
	object-fit: cover;
	border-radius: 0px !important;
	transition: .5s ease;
}
.card-title-vid{
	letter-spacing: .5px;
	padding-top: 15px;
}
.card-vids:hover{
	cursor: pointer;
	transform: scale(1.1);
	transform-origin: 50% 50%;
	transition: .5s ease;
}
.card-vids{
	border: 0 !important;
	margin: 10px;
	transition: .5s ease;
	overflow: hidden !important;
	border-radius: 0px !important;
}
.card-img-home{
	border-radius: 25px !important;
}
.card-vids-home{
	background-color: transparent;
	max-width: 25% !important;
	height: 75% !important;
	display: inline-block;
	/* border-radius: 50px !important; */
	border: 0 !important;
	margin: 40px;
	transition: .5s ease;
}
.card-vids-home:hover{
	cursor: pointer;
	width: 27% !important;
	transition: .5s ease;
}

.logo{
	border: none;
	height: auto;
	max-width: 100%;
}

@media (max-width: 768px) {
	.logo{
		border: none;
		height: auto;
		max-width: 100%;
	}
}

.imgs-main{
	justify-content: center;
	text-align: center;
}
.card-imgs:hover {
	cursor: pointer;
	transform: scale(1.05);
	transform-origin: 50% 50%;
	transition: .5s ease;
}
.card-imgs{
	height: auto !important;
	border: 0 !important;
	/*margin: 20px;*/
	transition: .5s ease;
	overflow: hidden !important;
	border-radius: 25px !important;
	background: transparent;
}
.card-img-imgs{
	border-radius: 25px !important;
	padding:15px;
	transition: .5s ease;
}
.text-bg-dark{
	opacity: 0;
	border-radius: 25px;
	transition: .5s ease;
}
.card-title-home{
	opacity: 100% !important;
}
.card-img-home:hover + .text-bg-dark{
	opacity: 1;
	transition: .5s ease;
}
.card-case-studies{
	border-radius: 25px;
	cursor: pointer;
}
.img-case-studies{
	padding: 0 !important;
}
.team-img{
	max-height: 550px;
	width: auto;
	border-radius: 25px !important;
	transition: .5s ease;

}

.team-a:hover {
	cursor: pointer;
	transform: scale(1.1);
	transform-origin: 50% 50%;
	transition: .5s ease;
}
.our-team{
	padding-bottom: 30px;
	color:#ffffff;
}
.our-team h5 {
	color:#252525;
}

@media (max-width: 768px) {
	
}
.our-team h3 {
	color:#252525;
}

.team-a{
	transition: .5s ease;
	overflow: hidden !important;
	border-radius: 25px !important;
}

.team-text{
	max-height: 70%;
	width: auto;
	color:#252525;
}
.team-container{
	background-color: #e9ca87;
}
.bts{
	background-image:linear-gradient(to bottom right, #f58529, #8134af);
	text-align: center;
	justify-content: center;
	padding-bottom: 30px;
}
.bts-title{
	color:white;
}
.work{
	background-image: linear-gradient(to bottom right, #eb44a7, #fa5b4c);
	text-align: center;
	justify-content: center;
	padding-bottom:30px;
}
.case-img{
	border-radius: 25px;
}
/*.services-contact {    background: rgb(251, 251, 251); }
.services-contact  .contactform_wrap form {    background: rgb(255, 255, 255); }*/
.contactform_wrap form {
	margin: 32px auto;
	max-width: 960px;
	box-shadow: 0 0 66px #0000002b;
	padding: 47px;
}

.contactform_wrap {
	float: left;
	width: 100%;
}

.contactform_wrap .form-group {
	position: relative;
}

.contactform_wrap .form-group i {
	position: absolute;
	left: 14px;
	top: 30px;
	margin-top: -10px;
	color: #b5b5b5;
}

.contactform_wrap .form-control {
	height: 61px !important;
	font-size: 20px;
	padding: 11px;
	padding-left: 46px;
}

.contactform_wrap textarea.form-control {
	height: 150px !important;
}

.contactform_wrap input[type="submit"] {
	background: none;
	color: #fff;
	border: none;
}

.contactform_wrap .btn.btn-effect.link--arrowed {
	padding: 0;
	box-shadow: 0 0 30px #4b6def99;
	margin-top: 35px;
}

.contactform_wrap input[type="submit"] {
	background: none;
	color: #fff;
	border: none;
	padding: 15px 61px;
	letter-spacing: 2px;
	font-size: 20px;
}

.contactform_wrap .link--arrowed .arrow-icon {
	position: absolute;
	top: 13px;
	right: 19px;
}
.work-files{
	border-radius: 25px;
}
.bts-files{
	border-radius: 25px;
}
.team-desc{
	color: #252525;
	font-size: 1.5rem;
	font-family: Nexa, sans-serif;
	font-weight: 400;
	text-align: center;
}

.small {
	color: #252525;
	font-size: 1.2rem;
	font-family: Nexa, sans-serif;
	text-align: center;
}

.section-title{
	font-size: 2.7rem;
	font-weight: 200 !important;
	padding-top: 30px !important;
}
.card-bts-view{
	margin-right: 2%;
	margin-left: 2%;
	display: inline-block;
	background: transparent;
	border: 0 !important ;
	transition: .5s ease;
	overflow: hidden !important;
	border-radius: 25px !important;
}
.card-bts-view:hover{
	cursor: pointer;
	transform: scale(1.1);
	transform-origin: 50% 50%;
	transition: .5s ease;
}
.card-img-bts-view{
	border-radius: 25px !important;
	transition: .5s ease;
}
.card-title-bts-view{
	letter-spacing: .5px;
}

/* Default styling for logo */
.navbar-logo {
	max-height: 50px;
}

.top-cover{
	background-image: linear-gradient(to right, #121e36, #35141b);
}


.linear-wipe {
	text-align: center;

	background: linear-gradient(to right, #FFF 20%, #FF0 40%, #FF0 60%, #FFF 80%);
	background-size: 200% auto;

	color: #000;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	animation: shine 1s linear infinite;
	@keyframes shine {
		to {
			background-position: 200% center;
		}
	}
}
.f-links:visited{
	color: #393939;
}
.contact{
	justify-content: center;
}
.contact-formm{
	height: 500px;
	width: 100%;
}

.work-titles{
	display: inline-block;
}
.active-url{
	color: black;
	cursor: pointer;
	margin-left: 15px;
	margin-right: 15px;
}
.inactive-url{
	color: #bdbfbe;
	cursor: pointer;
	margin-left: 15px;
	margin-right: 15px;
	transition: .5s ease;

}
.inactive-url:hover{
	color: #545454;
	transition: .5s ease;
}
.card-same-imgs{
    height: 500px;
    width: 500px;
	object-fit: cover;
	margin: auto;
}

@media (min-width: 1440px) {
	.navbar-logo {
		max-height: 60px;
	}
}

@media (max-width: 1440px) and (min-width: 1024px) {
	.navbar-logo {
		max-height: 55px;
	}
}
@media (max-width: 576px) {
	.navbar-logo {
		max-height: 30px;
	}
}
@media (min-width: 700px) {
	.contact-formm{
		height: 500px;
		width: 50%;
		margin-left: 25%;
	}
	.event-listing{
		max-width: 80% !important;
		margin-left: 10%;
	}
	.grid-container {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
		grid-auto-rows: 200px;
		grid-auto-flow: dense;
	}
	
	.grid-container > div {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
	}
	.grid-container > div > a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.grid-container > div > a > img {
		max-width: 100%;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 5px;
		vertical-align: middle;
		display: inline-block;
		transition: all 0.5s ease;
	}
	.grid-container > div > a > img:hover {
		transform: scale(1.2);
		transition: all 0.5s ease;
	}

	.portrait {
		grid-row: span 2;
	}

	.landscape {
		grid-column: span 2;
		grid-row: span 2;
	}
	.big {
		grid-column: span 2;
		grid-row: span 2;
	}
}
@media (max-width: 1370) and (min-width: 767px) {
	.card-same-imgs{
		height: 440px;
		width: 440px;
		object-fit: cover;
		margin: auto;
	}

}
@media (max-width: 767px) {
	.card-same-imgs{
		height: auto;
		width: 100%;
		object-fit: cover;
		margin: auto;
	}
	.grid-container {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.grid-container > div {
		width: 100%;
		height: auto;
	}

	.grid-container > div > a {
		display: flex;
		width: 100%;
		height: auto;
	}

	.grid-container > div > a > img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	.bts-container {
		padding-right: 10px;
		padding-left: 10px;
	}
	.our-team h5 {
		font-size: 1rem;
		color:#ffffff;
	}
	.team-desc {
		font-size: 1rem;
	}
	.small {
		font-size: .8rem;
	}

	.section-title{
		font-size: 1.9rem;
		font-weight: 200 !important;
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}

	.navbar-logo {
		max-height: 40px;
	}

	.white-bg{
		position: relative;
		width: 100%;
		left: 0;
		padding: 20px;
		background-color: #ffffff;
	}
	.white-container{
		padding: 30px;
		position: relative;
	}
	.white-over-image{
		z-index: 0;
		position: relative;
		top: 0;
		left: 0;
		max-width: 100%;
	}
	.white-image{
		max-width: 100%;
		height: auto;
	}
	.white-text{
		font-size: 17px;
	}
	.contact-card {
		height: 150px !important;
	}
	.jc-c{
	    justify-content: center;
	}
	.ms-a{
		margin: auto;
	}
	footer{
		text-align: center;
	}
}