@media (max-width: 1024px) {
	.shop-icons-right {
		left: 0px!important;
		position: relative;
	}
	.shop-icons-left {
		left: -120px;
		position: relative;
	}

}


.footerText a {
	color: black;
	position: relative;
	text-decoration: none;
  }
  
  .footerText a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background-color: white;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
  }
  
  .footerText a:hover::before {
	transform-origin: left;
	transform: scaleX(1);
  }




  .overlay .text {
	color: white;
	position: relative;
	text-decoration: none;
  }

  .overlay .text::before {
	content: '';
	position: absolute;
	width: 60%;
	height: 2px;
	border-radius: 4px;
	background-color: white;
	bottom: 0;
	left: 20%;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
  }
  
  .overlay:hover .text::before {
	transform-origin: left;
	transform: scaleX(1);
  }



  .overlay2 .text {
	color: white;
	position: relative;
	text-decoration: none;
  }

  .overlay2 .text::before {
	content: '';
	position: absolute;
	width: 60%;
	height: 2px;
	border-radius: 4px;
	background-color: white;
	bottom: 0;
	left: 20%;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
  }
  
  .overlay2:hover .text::before {
	transform-origin: left;
	transform: scaleX(1);
  }



  .overlay3 .text {
	color: white;
	position: relative;
	text-decoration: none;
  }

  .overlay3 .text::before {
	content: '';
	position: absolute;
	width: 60%;
	height: 2px;
	border-radius: 4px;
	background-color: white;
	bottom: 0;
	left: 20%;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
  }
  
  .overlay3:hover .text::before {
	transform-origin: left;
	transform: scaleX(1);
  }



  .footerEmail a {
	color: black;
	position: relative;
	text-decoration: none;
  }
  
  .footerEmail a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background-color: white;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
  }
  
  .footerEmail a:hover::before {
	transform-origin: left;
	transform: scaleX(1);
  }





  .contactForm a {
	color: black;
	position: relative;
	text-decoration: none;
  }
  
  .contactForm a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background-color: white;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
  }
  
  .contactForm a:hover::before {
	transform-origin: left;
	transform: scaleX(1);
  }



  .aboutLinks2 a {
	color: black;
	position: relative;
	text-decoration: none;
  }
  
  .aboutLinks2 a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background-color: #1e9ad5;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
  }
  
  .aboutLinks2 a:hover::before {
	transform-origin: left;
	transform: scaleX(1);
  }












.aboutLinks a {
	color: black;
	position: relative;
	text-decoration: none;
  }
  
  .aboutLinks a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background-color: #18272F;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;

  }
  
  .aboutLinks a:hover::before {
	transform-origin: left;
	transform: scaleX(1);

  }






.dropdown-content a {
	color: #18272F;
	position: relative;
	text-decoration: none;
  }
  
  .dropdown-content a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	background-color: #18272F;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
  }
  
  .dropdown-content a:hover::before {
	transform-origin: left;
	transform: scaleX(1);
  }

  @media (max-width: 768px) {
	.galrow {
		margin: 10px 0px!important;
	}
  }

  @media (max-width: 991px) {


	
  }


@media (max-width: 768px) {
	.logo-main {
display: none;
	}
	.logo-main-mobile {
		opacity: 1;
		float: right;
		width: 35px;
		left: -17px;
		margin-top: -30px;
		position: relative;
		z-index: 999;
	}
	.icon {
		filter: grayscale(0%);
		transition: 0.5s;
	}
}


@media (max-width: 1050px) {
	nav #menu-icons li {
		padding: 0px 5px;
		cursor: pointer;
		line-height: 55px;
		transition: all 0.3s ease-out;
	}
}







@media (max-width: 975px) {
	nav #menu li {
		padding: 0px 7px;
		cursor: pointer;
		line-height: 45px;
		transition: all 0.3s ease-out;
	}
	nav #menu-icons li {
		padding: 0px 0px;
		cursor: pointer;
		line-height: 55px;
		transition: all 0.3s ease-out;
	}

}

@media (max-width: 912px) {
	nav #menu li {
		padding: 0px 7px;
		cursor: pointer;
		line-height: 45px;
		transition: all 0.3s ease-out;
	}
	nav #menu-icons li {
		padding: 0px 0px;
		cursor: pointer;
		line-height: 45px;
		transition: all 0.3s ease-out;
	}

}

@media (max-width: 850px) {
	nav #menu li {
		padding: 0px 0px;
		cursor: pointer;
		line-height: 45px;
		transition: all 0.3s ease-out;
	}
	nav #menu-icons li {
		padding: 0px 0px;
		cursor: pointer;
		line-height: 45px;
		transition: all 0.3s ease-out;
	}
	.drop-icon {
		transform: rotate(90deg);
		font-size: 24px;
		margin-top: -45px;
		position: absolute;
		margin-left: 55px;
		color: #595461;
	}
}

@media (max-width: 820px) {
	nav #menu li {
		padding: 0px 0px;
		cursor: pointer;
		line-height: 45px;
		transition: all 0.3s ease-out;
	}
	nav #menu-icons li {
		padding: 0px 0px;
		cursor: pointer;
		line-height: 45px;
		transition: all 0.3s ease-out;
	}

}

@media (max-width: 768px) {
	nav #menu {
		display: none;
	}
	nav #menu-icons li a {
		position: relative!important;
		top: -33px!important;
		padding: 0px!important;
		border-radius: 0px!important;
		background: transparent;
		left: -40px!important;
		padding-left: 50px!important;
	}
	nav {
		height: 50px!important;
		position: fixed;
		z-index: 999;
		background-color: white;
		margin-top: -24px!important;
		width: 100%!important;
	}
	#hamburger {
		visibility: visible;
		opacity: 1;
		margin-left: 4%!important;
		margin-top: 19px!important;
	}
}

@media (max-width: 768px) {
	#hamburger {
		visibility: visible;
		opacity: 1;
		position: static!important;
	}
	#hamburger.active {
		position: fixed!important;
		left: 0%!important;
		margin-top: -9px!important;
}

nav:before {
    content: "";
    height: 1px;
    background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
    display: block;
    margin-bottom: -58px;
    margin-top: 50px;
}

}

@media (min-width: 768px) {
	.mobile-menu {
		visibility: hidden;
	}
}




@media screen and (max-width: 3840px){
	.mainText {
		margin-top: 125px;
		margin-left: 125px;
	}
	
	.landingText {
		font-size: 165px;
	}
	
	ul.dotsbetween {
		font-size: 45px;
	  }
	
	  .mainSubText {
		font-size: 35px;
		margin-top: 25px;
		width: 50%;
		margin-bottom: -30px;
		line-height: 50px!important;
	  }
	}

@media screen and (max-width: 1920px){
.mainText {
	margin-top: 125px;
	margin-left: 175px;
}

.landingText {
	font-size: 120px;
}

ul.dotsbetween {
	font-size: 36px;
  }

  .mainSubText {
	  font-size: 26px;
	  margin-top: 25px;
	  width: 50%;
	  line-height: 45px!important;
  }
}

@media screen and (max-width: 1366px){
	.mainText {
		margin-top: 125px;
		margin-left: 125px;
	}
	
	.landingText {
		font-size: 90px;
	}
	
	ul.dotsbetween {
		font-size: 30px;
	  }
	
	  .mainSubText {
		  font-size: 20px;
		  margin-top: 25px;
		  width: 40%;
	  }
	}

	@media screen and (max-width: 1095px){
		.mainText {
			margin-top: 125px;
			margin-left: 85px;
		}
		
		.landingText {
			font-size: 85px;
		}
		
		ul.dotsbetween {
			font-size: 28px;
		  }
		
		  .mainSubText {
			  font-size: 28px;
			  margin-top: 25px;
			  width: 70%;
		  }
		}

	@media screen and (max-width: 1024px){
		.mainText {
			margin-top: 125px;
			margin-left: 85px;
		}
		
		.landingText {
			font-size: 85px;
		}
		
		ul.dotsbetween {
			font-size: 28px;
		  }
		
		  .mainSubText {
			  font-size: 28px;
			  margin-top: 25px;
			  width: 70%;
		  }
		}

		@media screen and (max-width: 991px){
			.mainText {
				margin-top: 100px;
				margin-left: 65px;
			}
			
			.landingText {
				font-size: 75px;
			}
			
			ul.dotsbetween {
				font-size: 25px;
			  }
			
			  .mainSubText {
				  font-size: 18px;
				  margin-top: 25px;
				  width: 50%;
			  }
			}

		@media screen and (max-width: 924px){
			.mainText {
				margin-top: 100px;
				margin-left: 65px;
			}
			
			.landingText {
				font-size: 75px;
			}
			
			ul.dotsbetween {
				font-size: 25px;
			  }
			
			  .mainSubText {
				  font-size: 18px;
				  margin-top: 25px;
				  width: 50%;
			  }
			}

			@media screen and (max-width: 876px){
				.mainText {
					margin-top: 100px;
					margin-left: 65px;
				}
				
				.landingText {
					font-size: 64px;
				}
				
				ul.dotsbetween {
					font-size: 22px;
				  }
				
				  .mainSubText {
					  font-size: 18px;
					  margin-top: 25px;
					  width: 60%;
				  }
				}

		@media screen and (max-width: 820px){
			.mainText {
				margin-top: 100px;
				margin-left: 65px;
			}
			
			.landingText {
				font-size: 64px;
			}
			
			ul.dotsbetween {
				font-size: 22px;
			  }
			
			  .mainSubText {
				  font-size: 18px;
				  margin-top: 25px;
				  width: 60%;
			  }
			}

		@media screen and (max-width: 768px){
			.mainText {
				margin-top: 24px;
				margin-left: 65px;
			}
			
			.landingText {
				font-size: 60px;
			}
			
			ul.dotsbetween {
				font-size: 20px;
			  }
			
			  .mainSubText {
				  font-size: 18px;
				  margin-top: 25px;
				  width: 60%;
			  }
			}


			@media screen and (max-width: 718px){
			.notEmptyBox2 {
				width: 425px;
				padding: 1rem;
				color: white;
				border-width: 1px;
				border-style: solid;
				border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
				height: 535px;
				margin-top: -210px;
				margin-left: 66px;
				position: absolute;
			}
		}

			@media screen and (max-width: 718px){
				.mainText {
					margin-top: 24px;
					margin-left: 65px;
				}
				
				.landingText {
					font-size: 58px;
				}
				
				ul.dotsbetween {
					font-size: 18px;
				  }
				
				  .mainSubText {
					  font-size: 18px;
					  margin-top: 25px;
					  width: 60%;
				  }
				}

			@media screen and (max-width: 658px){
				.mainText {
					margin-top: 0px;
					margin-left: 36px;
				}
				
				.landingText {
					font-size: 60px;
				}
				
				ul.dotsbetween {
					font-size: 20px;
					margin-left: 0px;
					text-align: left;
				  }
				
				  .mainSubText {
					font-size: 18px;
					margin-top: 25px;
					width: 90%;
				  }
				}	

				@media screen and (max-width: 645px){
					.mainText {
						margin-top: 0px;
						margin-left: 36px;
					}
					
					.landingText {
						font-size: 48px;
					}
					
					ul.dotsbetween {
						font-size: 18px;
						margin-left: 0px;
						text-align: left;
					  }
					
					  .mainSubText {
						font-size: 18px;
						margin-top: 25px;
						width: 90%;
					  }
					}

				@media screen and (max-width: 628px){
					.mainText {
						margin-top: 0px;
						margin-left: 36px;
					}
					
					.landingText {
						font-size: 48px;
					}
					
					ul.dotsbetween {
						font-size: 18px;
						margin-left: 0px;
						text-align: left;
					  }
					
					  .mainSubText {
						font-size: 18px;
						margin-top: 25px;
						width: 90%;
					  }
					}	

			@media screen and (max-width: 540px){
				.mainText {
					margin-top: 0px;
					margin-left: 36px;
				}
				
				.landingText {
					font-size: 48px;
				}
				
				ul.dotsbetween {
					font-size: 25px;
					margin-left: 0px;
					text-align: left;
				  }
				
				  .mainSubText {
					font-size: 18px;
					margin-top: 25px;
					width: 90%;
				  }
				}	
				
				@media screen and (max-width: 526px){
					.mainText {
						margin-top: 0px;
						margin-left: 36px;
					}
					
					.landingText {
						font-size: 42px;
					}
					
					ul.dotsbetween {
						font-size: 25px;
						margin-left: 0px;
						text-align: left;
					  }
					
					  .mainSubText {
						font-size: 18px;
						margin-top: 25px;
						width: 90%;
					  }
					}	

					@media screen and (max-width: 510px){
.nutshellText {
	font-size: 80px!important;
}
.notEmptyBox2 {
    width: 341px;
    padding: 1rem;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
    height: 535px;
    margin-top: -210px;
    margin-left: 64px;
    position: absolute;
}
.emptyBox2:before, .emptyBox2:after {
    content: "";
    height: 1px;
    background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
    display: block;
    margin-bottom: -19px;
    margin-top: 74px;
}
					}


					@media screen and (max-width: 467px){
						.mainText {
							margin-top: 0px;
							margin-left: 36px;
						}
						
						.landingText {
							font-size: 40px;
						}
						
						ul.dotsbetween {
							font-size: 25px;
							margin-left: 0px;
							text-align: left;
						  }
						
						  .mainSubText {
							font-size: 18px;
							margin-top: 25px;
							width: 90%;
						  }
						}	


						@media screen and (max-width: 423px){
							.nutshellText {
								font-size: 60px!important;
							}
							.notEmptyBox2 {
								width: 256px;
								padding: 1rem;
								color: white;
								border-width: 1px;
								border-style: solid;
								border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
								height: 535px;
								margin-top: -210px;
								margin-left: 63px;
								position: absolute;
							}
							.emptyBox2:before, .emptyBox2:after {
								content: "";
								height: 1px;
								background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
								display: block;
								margin-bottom: -26px;
								margin-top: 68px;
							}
												}


			@media screen and (max-width: 414px){
				.mainText {
					margin-top: 30px;
					margin-left: 36px;
				}
				
				.landingText {
					font-size: 60px;
				}
				
				ul.dotsbetween {
					font-size: 20px;
					margin-left: 0px;
					text-align: left;
				  }
				
				  .mainSubText {
					font-size: 18px;
					margin-top: 25px;
					width: 90%;
				  }
				}				

			@media screen and (max-width: 375px){
				.mainText {
					margin-top: -5px;
					margin-left: 36px;
				}
				
				.landingText {
					font-size: 60px;
				}
				
				ul.dotsbetween {
					font-size: 20px;
					margin-left: 0px;
					text-align: left;
				  }
				
				  .mainSubText {
					font-size: 18px;
					margin-top: 25px;
					width: 80%;
				  }
				}	


				@media screen and (max-width: 440px) {
					.aboutText {
						font-size: 75px!important;
					}
					.notEmptyBox4 {
						width: 351px!important;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}



				@media screen and (max-width: 559px) {
					.aboutText {
						font-size: 75px!important;
					}
					.notEmptyBox4 {
						width: 351px!important;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}

				@media screen and (max-width: 435px) {
					.aboutText {
						font-size: 55px!important;
					}

				}

				@media screen and (max-width: 335px) {
					.aboutText {
						font-size: 50px!important;
						margin-left: 10px!important;
					}

				}

				@media screen and (max-width: 344px){
					.mainText {
						margin-top: -10px;
						margin-left: 14px;
					}
					
					.landingText {
						font-size: 40px;
					}
					
					ul.dotsbetween {
						font-size: 18px;
						margin-left: 0px;
						text-align: left;
					  }
					
					  .mainSubText {
						font-size: 18px;
						margin-top: 25px;
						width: 100%;
					  }
					}	


					@media screen and (max-width: 335px){
						.nutshellText {
							font-size: 50px!important;
						}
						.notEmptyBox2 {
							width: 214px;
							padding: 1rem;
							color: white;
							border-width: 1px;
							border-style: solid;
							border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
							height: 535px;
							margin-top: -210px;
							margin-left: 62px;
							position: absolute;
						}
						.emptyBox2:before, .emptyBox2:after {
							content: "";
							height: 1px;
							background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
							display: block;
							margin-bottom: -30px;
							margin-top: 65px;
						}
											}




			@media screen and (max-width: 320px){
				.mainText {
					margin-top: -10px;
					margin-left: 14px;
				}
				
				.landingText {
					font-size: 40px;
				}
				
				ul.dotsbetween {
					font-size: 18px;
					margin-left: 0px;
					text-align: left;
				  }
				
				  .mainSubText {
					font-size: 18px;
					margin-top: 25px;
					width: 100%;
				  }
				}			








				@media screen and (max-width: 1401px) {
				.notEmptyBox4 {
					width: 807px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}



			@media screen and (max-width: 895px) {
				.notEmptyBox4 {
					width: 470px!important;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}


			@media screen and (max-width: 559px) {
				.notEmptyBox4 {
					width: 351px!important;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
				.emptyBox4:before, .emptyBox4:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -72px;
					margin-top: 124px;
				}
							}
			@media screen and (max-width: 435px) {
			.emptyBox4:before, .emptyBox4:after {
				content: "";
				height: 1px;
				background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
				display: block;
				margin-bottom: -53px;
				margin-top: 91px;
			}
			.notEmptyBox4 {
				width: 351px!important;
				padding: 1rem;
				color: white;
				border-width: 1px;
				border-style: solid;
				border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
				height: 535px;
				margin-top: -210px;
				margin-left: -29px;
				position: absolute;
			}
		}

		@media screen and (max-width: 335px) {
		.emptyBox4:before, .emptyBox4:after {
			content: "";
			height: 1px;
			background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
			display: block;
			margin-bottom: -48px;
			margin-top: 82px;
		}
		.notEmptyBox4 {
			width: 277px!important;
			padding: 1rem;
			color: white;
			border-width: 1px;
			border-style: solid;
			border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
			height: 535px;
			margin-top: -210px;
			margin-left: -29px;
			position: absolute;
		}
	}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .galcolumn{
    width: 49%!important;
  }
}

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

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .galcolumn{
    width: 100%!important;
  }
  .nutshell-text {
	  width: 80%;
	  margin-left: 10%;

  }
}






@media screen and (max-width: 1424px) {
	.notEmptyBox3{
		width: 850px;
		margin-left: 65px;
	}
}

@media screen and (max-width: 931px) {
	.notEmptyBox3{
		width: 465px;
		margin-left: 65px;
	}
}

@media screen and (max-width: 546px) {
#services {
	font-size: 75px!important;
}
.notEmptyBox3{
	width: 350px;
	margin-left: 63px;
}
.emptyBox3:before, .emptyBox3:after {
    content: "";
    height: 1px;
    background: -webkit-linear-gradient(left, grey 0%, white 12%, white 47%, grey 100%, grey 25%);
    display: block;
	margin-bottom: -12px;
    margin-top: 68px;
}
}

@media screen and (max-width: 430px) {
	#services {
		font-size: 60px!important;
	}
	.notEmptyBox3{
		width: 279px;
		margin-left: 63px;
	}
	.emptyBox3:before, .emptyBox3:after {
		content: "";
		height: 1px;
		background: -webkit-linear-gradient(left, grey 0%, white 12%, white 47%, grey 100%, grey 25%);
		display: block;
		margin-bottom: -22px;
		margin-top: 66px;
	}
	}

@media screen and (max-width: 342px) {
	#services {
		font-size: 60px!important;
		margin-left: 0px!important;
	}
#service-subText{
	margin-left: 0px!important;
}
.notEmptyBox3{
    width: 280px;
    margin-left: 2px;
}
	}









	@media screen and (max-width: 991px) {
	#aboutText {
		font-size: 18px!important;
		padding: 15px;
		margin: 0;
		position: relative;
		margin-top: 25%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#aboutText2 {
		font-size: 18px!important; 
		padding: 15px;
		margin: 0;
		position: relative;
		margin-top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#aboutImg {
		margin-top: 25%!important;
		height: 500px!important;
	}
	}

	@media screen and (max-width: 767px) {
		#aboutText {
			font-size: 18px!important;
			padding: 15px;
			margin: 0;
			position: relative;
			margin-top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#aboutText2 {
			font-size: 18px!important; 
			padding: 15px;
			margin: 0;
			position: relative;
			margin-top: 90%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		#aboutImg {
			margin-top: 25%!important;
			height: 500px!important;
		}
		}


		@media screen and (max-width: 525px) {
			#aboutText {
				font-size: 18px!important;
				padding: 15px;
				margin: 0;
				position: relative;
				margin-top: 40%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			#aboutText2 {
				font-size: 18px!important; 
				padding: 15px;
				margin: 0;
				position: relative;
				margin-top: 110%;
				left: 50%;
				transform: translate(-50%, -50%);
			}
			#aboutImg {
				margin-top: 25%!important;
				height: 500px!important;
			}
			}

			@media screen and (max-width: 481px) {
				#aboutText {
					font-size: 18px!important;
					padding: 15px;
					margin: 0;
					position: relative;
					margin-top: 60%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
				#aboutText2 {
					font-size: 18px!important; 
					padding: 15px;
					margin: 0;
					position: relative;
					margin-top: 110%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
				#aboutImg {
					margin-top: 25%!important;
					height: 500px!important;
				}
				}

				@media screen and (max-width: 467px) {
					#aboutText {
						font-size: 18px!important;
						padding: 15px;
						margin: 0;
						position: relative;
						margin-top: 60%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					#aboutText2 {
						font-size: 18px!important; 
						padding: 15px;
						margin: 0;
						position: relative;
						margin-top: 110%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					#aboutImg {
						margin-top: 25%!important;
						height: 500px!important;
					}
					}

			@media screen and (max-width: 403px) {
				#aboutText {
					font-size: 18px!important;
					padding: 15px;
					margin: 0;
					position: relative;
					margin-top: 85%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
				#aboutText2 {
					font-size: 18px!important; 
					padding: 15px;
					margin: 0;
					position: relative;
					margin-top: 110%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
				#aboutImg {
					margin-top: 25%!important;
					height: 500px!important;
				}
				}
				@media screen and (max-width: 380px) {
					#aboutText {
						font-size: 18px!important;
						padding: 15px;
						margin: 0;
						position: relative;
						margin-top: 90%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					#aboutText2 {
						font-size: 18px!important; 
						padding: 15px;
						margin: 0;
						position: relative;
						margin-top: 145%!important;
						left: 50%;
						transform: translate(-50%, -50%);
					}
					#aboutImg {
						margin-top: 25%!important;
						height: 500px!important;
					}
					}

					@media screen and (max-width: 338px) {
						#aboutText {
							font-size: 18px!important;
							padding: 15px;
							margin: 0;
							position: relative;
							margin-top: 110%;
							left: 50%;
							transform: translate(-50%, -50%);
						}
						#aboutText2 {
							font-size: 18px!important; 
							padding: 15px;
							margin: 0;
							position: relative;
							margin-top: 110%;
							left: 50%;
							transform: translate(-50%, -50%);
						}
						#aboutImg {
							margin-top: 25%!important;
							height: 500px!important;
						}

						.learnMore2_btn {
							border: solid #353535 1px;
							padding: 6px 15px 6px 15px;
							background: transparent;
							color: #212529;
							top: 15px;
							transition: 0.5s;
							position: relative;
							margin-left: 10px!important;
							float: left;
						}
						}



					@media screen and (max-width: 325px) {
						#aboutText {
							font-size: 18px!important;
							padding: 15px;
							margin: 0;
							position: relative;
							margin-top: 110%;
							left: 50%;
							transform: translate(-50%, -50%);
						}
						#aboutText2 {
							font-size: 18px!important; 
							padding: 15px;
							margin: 0;
							position: relative;
							margin-top: 190%!important;
							left: 50%;
							transform: translate(-50%, -50%);
						}
						#aboutImg {
							margin-top: 25%!important;
							height: 500px!important;
						}
						}

						@media screen and (max-width: 305px) {
							#aboutText {
								font-size: 18px!important;
								padding: 15px;
								margin: 0;
								position: relative;
								margin-top: 125%;
								left: 50%;
								transform: translate(-50%, -50%);
							}
							#aboutText2 {
								font-size: 18px!important; 
								padding: 15px;
								margin: 0;
								position: relative;
								margin-top: 110%;
								left: 50%;
								transform: translate(-50%, -50%);
							}
							#aboutImg {
								margin-top: 25%!important;
								height: 500px!important;
							}
							}

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

							#aboutText {
								font-size: 18px!important;
								padding: 15px;
								margin: 0;
								position: relative;
								margin-top: 150%;
								left: 50%;
								transform: translate(-50%, -50%);
							}
							#aboutText2 {
								font-size: 18px!important; 
								padding: 15px;
								margin: 0;
								position: relative;
								margin-top: 110%;
								left: 50%;
								transform: translate(-50%, -50%);
							}
							#aboutImg {
								margin-top: 25%!important;
								height: 500px!important;
							}
							.learnMore2_btn {
								border: solid #353535 1px;
								padding: 6px 15px 6px 15px;
								background: transparent;
								color: #212529;
								top: 15px;
								transition: 0.5s;
								position: relative;
								margin-left: 10px!important;
								float: left;
								margin-top: 20px;
							}

							.learnMore_btn {
								border: solid #353535 1px;
								padding: 6px 15px 6px 15px;
								background: transparent;
								color: #212529;
								top: 15px;
								transition: 0.5s;
								position: relative;
								margin-left: 10px!important;
								float: left;
							}
							}







							@media screen and (max-width: 659px) {
								.notEmptyBox5 {
									width: 326px;
									padding: 1rem;
									color: white;
									border-width: 1px;
									border-style: solid;
									border-image: linear-gradient(to bottom,LightGray, grey,white,grey, LightGray) 1 100%;
									height: 535px;
									margin-top: -210px;
									margin-left: 65px;
									position: absolute;
								}
							}
							@media screen and (max-width: 413px) {
								.notEmptyBox5 {
									width: 326px;
									padding: 1rem;
									color: white;
									border-width: 1px;
									border-style: solid;
									border-image: linear-gradient(to bottom,LightGray, grey,white,grey, LightGray) 1 100%;
									height: 535px;
									margin-top: -210px;
									margin-left: 65px;
									position: absolute;
								}
								.emptyBox5:before, .emptyBox5:after {
									content: "";
									height: 1px;
									background: -webkit-linear-gradient(left, grey 0%, white 12%, white 47%, grey 100%, grey 25%);
									display: block;
									margin-bottom: -10px;
									margin-top: 79px;
								}
							}

							@media screen and (max-width: 396px) {
								.notEmptyBox5 {
									width: 279px;
									padding: 1rem;
									color: white;
									border-width: 1px;
									border-style: solid;
									border-image: linear-gradient(to bottom,LightGray, grey,white,grey, LightGray) 1 100%;
									height: 535px;
									margin-top: -210px;
									margin-left: 65px;
									position: absolute;
								}
								.emptyBox5:before, .emptyBox5:after {
									content: "";
									height: 1px;
									background: -webkit-linear-gradient(left, grey 0%, white 12%, white 47%, grey 100%, grey 25%);
									display: block;
									margin-bottom: -10px;
									margin-top: 79px;
								}
							}

							@media screen and (max-width: 365px) {
								.notEmptyBox5 {
									width: 279px;
									padding: 1rem;
									color: white;
									border-width: 1px;
									border-style: solid;
									border-image: linear-gradient(to bottom,LightGray, grey,white,grey, LightGray) 1 100%;
									height: 535px;
									margin-bottom: -28px;
									margin-top: 69px;
									position: absolute;
								}
								.emptyBox5:before, .emptyBox5:after {
									content: "";
									height: 1px;
									background: -webkit-linear-gradient(left, grey 0%, white 12%, white 47%, grey 100%, grey 25%);
									display: block;
									margin-bottom: -26px;
									margin-top: 68px;
								}
							}

							@media screen and (max-width: 365px) {
								.notEmptyBox5 {
									width: 194px;
									padding: 1rem;
									color: white;
									border-width: 1px;
									border-style: solid;
									border-image: linear-gradient(to bottom,LightGray, grey,white,grey, LightGray) 1 100%;
									height: 535px;
									margin-bottom: -28px;
									margin-top: -128px;
									position: absolute;
								}
							}

							@media screen and (max-width: 659px) {
							.whatidoText {
								font-size: 100px;
							}
						}

						@media screen and (max-width: 365px) {
							.whatidoText {
								font-size: 60px!important;
							}
						}






						@media screen and (max-width: 672px) {
						.emptyBox6:before, .emptyBox6:after {
							content: "";
							height: 1px;
							background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
							display: block;
							margin-bottom: 10px;
							margin-top: 74px;
						}
						
						
						.notEmptyBox6 {
							width: 412px;
							padding: 1rem;
							color: white;
							border-width: 1px;
							border-style: solid;
							border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
							height: 535px;
							margin-top: -210px;
							margin-left: 66px;
							position: absolute;
						}
					}


					@media screen and (max-width: 510px) {
						.emptyBox6:before, .emptyBox6:after {
							content: "";
							height: 1px;
							background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
							display: block;
							margin-bottom: -17px;
							margin-top: 73px;
						}
						
						
						.notEmptyBox6 {
							width: 329px;
							padding: 1rem;
							color: white;
							border-width: 1px;
							border-style: solid;
							border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
							height: 535px;
							margin-top: -210px;
							margin-left: 66px;
							position: absolute;
						}
					}

					@media screen and (max-width: 423px) {
						.emptyBox6:before, .emptyBox6:after {
							content: "";
							height: 1px;
							background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
							display: block;
							margin-bottom: -28px;
							margin-top: 69px;
						}
						
						
						.notEmptyBox6 {
							width: 245px;
							padding: 1rem;
							color: white;
							border-width: 1px;
							border-style: solid;
							border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
							height: 535px;
							margin-top: -210px;
							margin-left: 66px;
							position: absolute;
						}
					}

					@media screen and (max-width: 335px) {
						.emptyBox6:before, .emptyBox6:after {
							content: "";
							height: 1px;
							background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
							display: block;
							margin-bottom: -30px;
							margin-top: 65px;
						}
						
						
						.notEmptyBox6 {
							width: 204px;
							padding: 1rem;
							color: white;
							border-width: 1px;
							border-style: solid;
							border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
							height: 535px;
							margin-top: -210px;
							margin-left: 66px;
							position: absolute;
						}
					}






					@media screen and (max-width: 1095px) {
					.emptyBox7:before, .emptyBox7:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: -96px;
						margin-top: 170px;
					}
			
			  
					.notEmptyBox7 {
						width: 559px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}

				}

				@media screen and (max-width: 643px) {
					.emptyBox7:before, .emptyBox7:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: -58px;
						margin-top: 100px;
					}
			
			  
					.notEmptyBox7 {
						width: 333px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}

				}

				@media screen and (max-width: 418px) {
					.emptyBox7:before, .emptyBox7:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: -38px;
						margin-top: 65px;
					}
			
			  
					.notEmptyBox7 {
						width: 220px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}

				}




				@media screen and (max-width: 792px) {
					.emptyBox8:before, .emptyBox8:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: 10px;
						margin-top: 74px;
					}
					
					
					.notEmptyBox8 {
						width: 394px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}


				@media screen and (max-width: 643px) {
					.emptyBox8:before, .emptyBox8:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: 10px;
						margin-top: 74px;
					}
					
					
					.notEmptyBox8 {
						width: 435px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}


			

				@media screen and (max-width: 499px) {
					.emptyBox8:before, .emptyBox8:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: -28px;
						margin-top: 69px;
					}
					
					
					.notEmptyBox8 {
						width: 235px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}






				@media screen and (max-width: 881px) {
					.emptyBox9:before, .emptyBox9:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: 10px;
						margin-top: 74px;
					}
					
					
					.notEmptyBox9 {
						width: 436px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}


				@media screen and (max-width: 510px) {
					.emptyBox9:before, .emptyBox9:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: -17px;
						margin-top: 73px;
					}
					
					
					.notEmptyBox9 {
						width: 348px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}

				@media screen and (max-width: 423px) {
					.emptyBox9:before, .emptyBox9:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: -28px;
						margin-top: 69px;
					}
					
					
					.notEmptyBox9 {
						width: 260px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}

				@media screen and (max-width: 335px) {
					.emptyBox9:before, .emptyBox9:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: -30px;
						margin-top: 65px;
					}
					
					
					.notEmptyBox9 {
						width: 216px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}




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

.digitalText {
	font-size: 60px!important;
}
				}


				@media screen and (max-width: 1401px) {
					.emptyBox10:before, .emptyBox10:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: 10px;
						margin-top: 74px;
					}
					
					
					.notEmptyBox10 {
						width: 894px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}

				@media screen and (max-width: 965px) {
					.emptyBox10:before, .emptyBox10:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: 10px;
						margin-top: 74px;
					}
					
					
					.notEmptyBox10 {
						width: 531px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}


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

					.digitalText {
						font-size: 60px!important;
					}
					.notEmptyBox10 {
						width: 317px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}

					.emptyBox10:before, .emptyBox10:after {
						content: "";
						height: 1px;
						background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
						display: block;
						margin-bottom: -22px;
						margin-top: 66px;
					}

									}




				@media screen and (max-width: 423px) {
		
					
					.notEmptyBox10 {
						width: 317px;
						padding: 1rem;
						color: white;
						border-width: 1px;
						border-style: solid;
						border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
						height: 535px;
						margin-top: -210px;
						margin-left: 66px;
						position: absolute;
					}
				}

				@media screen and (max-width: 400px) {
				.digitalText {
					font-size: 40px!important;
				}
				.notEmptyBox10 {
					width: 210px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
				.emptyBox10:before, .emptyBox10:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -31px;
					margin-top: 61px;
				}
			}





			@media screen and (max-width: 699px) {
				.emptyBox11:before, .emptyBox11:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: 10px;
					margin-top: 74px;
				}
				
				
				.notEmptyBox11 {
					width: 349px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}


			@media screen and (max-width: 510px) {
				.emptyBox11:before, .emptyBox11:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -17px;
					margin-top: 73px;
				}
				
				
				.notEmptyBox11 {
					width: 278px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 423px) {
				.emptyBox11:before, .emptyBox11:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -28px;
					margin-top: 69px;
				}
				
				
				.notEmptyBox11 {
					width: 208px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 335px) {
				.emptyBox11:before, .emptyBox11:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -30px;
					margin-top: 65px;
				}
				
				
				.notEmptyBox11 {
					width: 172px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}





			@media screen and (max-width: 708px) {
				.emptyBox12:before, .emptyBox12:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: 10px;
					margin-top: 74px;
				}
				
				
				.notEmptyBox12 {
					width: 409px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}


			@media screen and (max-width: 510px) {
				.emptyBox12:before, .emptyBox12:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -17px;
					margin-top: 73px;
				}
				
				
				.notEmptyBox12 {
					width: 326px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 423px) {
				.emptyBox12:before, .emptyBox12:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -28px;
					margin-top: 69px;
				}
				
				
				.notEmptyBox12 {
					width: 243px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 335px) {
				.emptyBox12:before, .emptyBox12:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -30px;
					margin-top: 65px;
				}
				
				
				.notEmptyBox12 {
					width: 202px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}








			@media screen and (max-width: 911px) {
				.emptyBox13:before, .emptyBox13:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: 10px;
					margin-top: 74px;
				}
				
				
				.notEmptyBox13 {
					width: 401px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}


			@media screen and (max-width: 510px) {
				.emptyBox13:before, .emptyBox13:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -17px;
					margin-top: 73px;
				}
				
				
				.notEmptyBox13 {
					width: 320px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 423px) {
				.emptyBox13:before, .emptyBox13:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -28px;
					margin-top: 69px;
				}
				
				
				.notEmptyBox13 {
					width: 239px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 335px) {
				.emptyBox13:before, .emptyBox13:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -30px;
					margin-top: 65px;
				}
				
				
				.notEmptyBox13 {
					width: 198px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}












			@media screen and (max-width: 1141px) {
				.emptyBox14:before, .emptyBox14:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: 10px;
					margin-top: 74px;
				}
				
				
				.notEmptyBox14 {
					width: 619px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}


			@media screen and (max-width: 705px) {
				.emptyBox14:before, .emptyBox14:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -8px;
					margin-top: 78px;
				}
				
				
				.notEmptyBox14 {
					width: 408px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 510px) {
				.emptyBox14:before, .emptyBox14:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -17px;
					margin-top: 73px;
				}
				
				
				.notEmptyBox14 {
					width: 326px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 423px) {
				.emptyBox14:before, .emptyBox14:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -26px;
					margin-top: 68px;
				}
				
				
				.notEmptyBox14 {
					width: 243px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}

			@media screen and (max-width: 335px) {
				.emptyBox14:before, .emptyBox14:after {
					content: "";
					height: 1px;
					background: -webkit-linear-gradient(left, white 0%, grey 12%, grey 47%, white 100%);
					display: block;
					margin-bottom: -30px;
					margin-top: 65px;
				}
				
				
				.notEmptyBox14 {
					width: 202px;
					padding: 1rem;
					color: white;
					border-width: 1px;
					border-style: solid;
					border-image: linear-gradient(to bottom,white,grey,white) 1 100%;
					height: 535px;
					margin-top: -210px;
					margin-left: 66px;
					position: absolute;
				}
			}








				@media screen and (max-width: 643px) {
.privText {
	font-size: 60px!important;
}
				}



				@media screen and (max-width: 643px) {
				.termsText {
font-size: 60px!important;
				}
				}

				@media screen and (max-width: 418px) {
					.termsText {
	font-size: 40px!important;
					}

					}



						@media screen and (max-width: 991px) {
						.footerEmail {
							padding-left: 10px!important;
							margin-top: 25px!important;
						}
						.footerText {
							margin-top: 25px!important;
						}
					}

					@media screen and (max-width: 768px) {
						.animation {
display: none;
						}

					}


@media screen and (max-width: 1109px) {
.contactText {
margin-left: 0px!important;
 }
}

@media screen and (max-width: 474px) {
	.contactText {
	margin-left: 0px!important;
	 }
	 .contactText a {
font-size: 24px!important;
	}
}

@media screen and (max-width: 385px) {
	 .contactText a {
font-size: 20px!important;
	}
}

@media screen and (max-width: 786px) {
	.contactHeading {
margin-top: -138px!important;
   }
}




@media screen and (max-width: 1280px) {
	#bg-img-seo {
	height: 570px;
	}
	#bg-img-bd {
		height: 570px;
		}
		#bg-img-domain {
			height: 570px;
			}
			#bg-img-sm {
				height: 570px;
				}
				#bg-img-ld {
					height: 570px;
					}
					#bg-img-pl {
						height: 570px;
						}
	}


@media screen and (max-width: 1024px) {
	#bg-img-seo {
	height: 740px;
	}
	#bg-img-bd {
		height: 740px;
		}
		#bg-img-domain {
			height: 740px;
			}
			#bg-img-sm {
				height: 740px;
				}
				#bg-img-ld {
					height: 740px;
					}
					#bg-img-pl {
						height: 740px;
						}
	}

@media screen and (max-width: 912px) {
	#bg-img-seo {
	height: 740px;
	}
	#bg-img-bd {
		height: 740px;
		}
		#bg-img-domain {
			height: 740px;
			}
			#bg-img-sm {
				height: 740px;
				}
				#bg-img-ld {
					height: 740px;
					}
					#bg-img-pl {
						height: 740px;
						}
	}


@media screen and (max-width: 768px) {
	#bg-img-seo {
	height: 740px;
	}
	#bg-img-bd {
		height: 740px;
		}
		#bg-img-domain {
			height: 740px;
			}
			#bg-img-sm {
				height: 740px;
				}
				#bg-img-ld {
					height: 740px;
					}
					#bg-img-pl {
						height: 740px;
						}
	}


@media screen and (max-width: 577px) {
#bg-img-seo {
height: 730px;
}
#bg-img-bd {
	height: 730px;
	}
	#bg-img-domain {
		height: 730px;
		}
		#bg-img-sm {
			height: 730px;
			}
			#bg-img-ld {
				height: 730px;
				}
				#bg-img-pl {
					height: 730px;
					}
}



@media screen and (max-width: 375px) {
#background-video {

	width: 100%;
	height: 660px!important;
	object-fit: cover;
	margin-top: 0px!important;
	padding-bottom: 0px!important;
  }

}





					@media screen and (max-width: 991px) {
						.overlay {
							bottom: 175px!important;
						  }
					
						.overlay2 {
							bottom: 6px!important;
						  }
					

						}




	@media screen and (max-width: 991px) {
		
		
		.buton {
			position: relative;
			height: 100px;
		}
		.bespokeButtons {
			margin: 0;
			position: absolute;
			top: 50%;
			left: 50%;
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			  }	
.buton .learnMore_btn {
	font-size: 32px!important;
	width: 280px!important;
}

#objGap {
	margin-bottom: 175px;
	}
		}


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

		.Image .overlay {
			opacity: 1!important;
		}
		
		.Image .overlay2 {
			opacity: 1!important;
		}
		
		.Image .overlay3 {
			opacity: 1!important;
		}

		.overlay, .bespokeImg {
			background-color: rgba(0, 0, 0, .5);
		}
		
		.overlay2, video {
			background-color: rgba(0, 0, 0, .5);
		}

	}


	@media screen and (max-width: 1150px) {
		.emailaddress {
			font-size: 16px!important;
		}

		}




		@media screen and (max-width: 991px) {
			.emailaddress {
				font-size: 18px!important;
			}
	#partnerLogos {
		padding-left: 0px!important;
	}
	#IonosDesign {
		padding-left: 0px!important;
	}
	#contactFooterText {
		padding-left: 0px!important
	}
			}



			.footerInnerText {
				justify-content: center;
    display: grid;
			}

			@media screen and (max-width: 991px) {
				.footerInnerText {
					padding-left: 50px!important;
					display: block!important;
				}
			}