.uncover_main_div * { box-sizing: border-box; }
.grid-border{border: 1px solid var(--purple_light_alpha);}
.grid-space:after {
  content: '';
  display: block;
  clear: both;
    
}
.grid-space-sizer,
.grid-space-item {
  width: 25%;
  height: 535px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;
}
.distance {padding: 5px;}

.grid-space-item--width2 { width: 50%; }
.grid-space-item--width3 { width: 75%; }
.grid-space-item--width4 { width: 50%; }
.grid-space-item--width5 { width: 100%; }

.grid-space-item--height2 { height: 1070px; }
.grid-space-item--height3 { height: 770px; }
.grid-space-item--height4 { height: auto;}
.grid-space-item--height5 { height: auto; }

@media (min-width: 319.9px) and (max-width: 359.8px) {
.grid-space-sizer,
.grid-space-item {
  width: 100%;
  height: 425Px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;
}
	.grid-space-item--width5 { width: 100%; }
	.grid-space-item--height5 { height: auto; }
	}

@media (min-width: 359.9px) and (max-width: 374.9px) {
.grid-space-sizer,
.grid-space-item {
  width: 100%;
  height: 465Px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;
}
	.grid-space-item--width5 { width: 100%; }
	.grid-space-item--height5 { height: auto; }
	}

@media (width: 375px){
.grid-space-sizer,
.grid-space-item {
  width: 100%;
  height: 485Px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;
}
	.grid-space-item--width5 { width: 100%; }
	.grid-space-item--height5 { height: auto; }
	}

@media (min-width: 375.1px) and (max-width: 767.9px) {
.grid-space-sizer,
.grid-space-item {
  width: 100%;
  height: 520Px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;
}
	.grid-space-item--width5 { width: 100%; }
	.grid-space-item--height5 { height: auto; }
	}

@media (min-width: 768px) and (max-width: 768.1px) {
.grid-space-sizer,
.grid-space-item {
  width: 50%;
  height: 512px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;	
}
	.grid-space-item--width5 { width: 100%; }
	
	.grid-space-item--width4 { width: 100%; }
	.grid-space-item--width5 { width: 100%; }
	.grid-space-item--height4 { height: auto;}
	.grid-space-item--height5 { height: auto; }
}

@media (min-width: 768.1px) and (max-width: 1024px) {
	.grid-space-sizer,
	.grid-space-item {
	  width: 33%;
	  height: 456px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
	border: 1px solid transparent;	
	}
	
	.grid-space-item--width5 { width: 100%; }
	
	.grid-space-item--width5 { width: 66%; }
	.grid-space-item--width4 { width: 66%; }
	.grid-space-item--height4 { height: auto;}
	.grid-space-item--height5 { height: auto; }
}

@media (max-width: 640px) and (orientation: landscape) {
.grid-space-sizer,
.grid-space-item {
  width: 50%;
  height: 426px;
  float: left;
  background: transparent;
  margin-bottom:0px;
border: 1px solid transparent;	
}
	.grid-space-item--width5 { width: 100%; }
	.grid-space-item--width4 { width: 100%; }
	.grid-space-item--height4 { height: auto;}
	.grid-space-item--height5 { height: auto; }
}

@media (min-width: 640.1px) and (max-width: 854px) and (orientation: landscape) {
.grid-space-sizer,
.grid-space-item {
  width: 50%;
  height: 535px;
  float: left;
  background: transparent;
  margin-bottom:0px;
border: 1px solid transparent;	
}
	.grid-space-item--width5 { width: 100%; }
	.grid-space-item--width4 { width: 100%; }
	.grid-space-item--height4 { height: auto;}
	.grid-space-item--height5 { height: auto; }
}

@media (min-width: 768.1px) and (max-width: 823.1px) {
.grid-space-sizer,
.grid-space-item {
  width: 50%;
  height: 535px;
  float: left;
  background: transparent;
  margin-bottom:0px;
border: 1px solid transparent;	
}
	.grid-space-item--width5 { width: 100%; }
	.grid-space-item--width4 { width: 100%; }
	.grid-space-item--height4 { height: auto;}
	.grid-space-item--height5 { height: auto; }
}

@media (min-width: 823.1px) and (max-width: 1280.1px) {
.grid-space-sizer,
.grid-space-item {
  width: 25%;
  height: 429px;

  float: left;
  background: transparent;
  margin-bottom:0px;
	border: 1px solid transparent;
}
	
.grid-space-item--width2 { width: 50%; }
.grid-space-item--width3 { width: 75%; }
.grid-space-item--width4 { width: 50%; }
.grid-space-item--width5 { width: 100%; }
	
.grid-space-item--height2 { height: 858px; }
.grid-space-item--height3 { height: 618px; }
.grid-space-item--height4 { height: auto;}
.grid-space-item--height5 { height: auto; }	
}

@media (min-width: 1280.1px) and (max-width: 1366.1px) {
.grid-space-sizer,
.grid-space-item {
  width: 25%;
  height: 475px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;
}
	
.grid-space-item--width2 { width: 50%; }
.grid-space-item--width3 { width: 75%; }
.grid-space-item--width4 { width: 50%; }
.grid-space-item--width5 { width: 100%; }
	
.grid-space-item--height2 { height: 950px; }
.grid-space-item--height3 { height: 660px; }
.grid-space-item--height4 { height: 180px;}
.grid-space-item--height5 { height: auto; }	
}

@media (min-width: 1366.1px) and (max-width: 1440.1px) {
.grid-space-sizer,
.grid-space-item {
  width: 25%;
  height: 482px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;	
}
	
.grid-space-item--width2 { width: 50%; }
.grid-space-item--width3 { width: 75%; }
.grid-space-item--width4 { width: 50%; }
.grid-space-item--width5 { width: 100%; }
	
.grid-space-item--height2 { height: 964px; }
.grid-space-item--height3 { height: 695px; }
.grid-space-item--height4 { height: 180px;}
.grid-space-item--height5 { height: auto; }	
}

@media (min-width: 1440.1px) and (max-width: 1536.1px) {
.grid-space-sizer,
.grid-space-item {
  width: 25%;
  height: 515px;
  float: left;
  background: transparent;
  margin-bottom:0px;
  border: 1px solid transparent;
}
	
	.grid-space-item--width2 { width: 50%; }
.grid-space-item--width3 { width: 75%; }
.grid-space-item--width4 { width: 50%; }
.grid-space-item--width5 { width: 100%; }
	
	
.grid-space-item--height2 { height: 1030px; }
.grid-space-item--height3 { height: 740px; }
.grid-space-item--height4 { height: 180px;}
.grid-space-item--height5 { height: auto; }	
}

@media (min-width: 1536.1px) and (max-width: 1680.1px) {
.grid-space-sizer,
.grid-space-item {
  width: 25%;
  height: 562px;
  float: left;
  background: transparent;
  margin-bottom:0px;
	border: 1px solid transparent;
}

    
	.grid-space-item--width2 { width: 50%; }
.grid-space-item--width3 { width: 75%; }
.grid-space-item--width4 { width: 50%; }
	.grid-space-item--width5 { width: 100%; }
	
	
	.grid-space-item--height2 { height: 1124px; }
.grid-space-item--height3 { height: 810px; }
.grid-space-item--height4 { height: 180px;}
.grid-space-item--height5 { height: auto; }	
}

@media (min-width: 1680.1px) {
	.grid-space-sizer,
	.grid-space-item {
	  width: 20%;
	  height: 515px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
	border: 1px solid transparent;	
	}
	.grid-space-item--width2{width: 40%;}
	.grid-space-item--width3{width: 40%;}
	.grid-space-item--width4{width: 40%;}
	.grid-space-item--width5 { width: 100%; }
	
	.grid-space-item--height2{height: 1030px;}
	.grid-space-item--height4 { height: 180px; }
	.grid-space-item--height5 { height: auto; }
}

@media (min-width: 1920.1px) {
	.grid-space-sizer,
	.grid-space-item {
	  width: 20%;
	  height: 580px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
	}
	.grid-space-item--width2{width: 40%;}
	.grid-space-item--width3{width: 40%;}
	.grid-space-item--width4{width: 40%;}
	.grid-space-item--width5 { width: 100%; }

	.grid-space-item--height2{height: 1160px;}
	.grid-space-item--height4{ height: 180px;}
}

@media (min-width: 2160.1px) {
	.grid-space-sizer,
	.grid-space-item {
	  width: 16.65%;
	  height: 585px;
	  float: left;
	  background: transparent;
	  margin-bottom:0px;
    border: 1px solid transparent;	
	}
	.grid-space-item--width2{width: 40%;}
	.grid-space-item--width3{width: 40%;}
	.grid-space-item--width4{width: 40%;}
	.grid-space-item--width5 { width: 100%; }

	.grid-space-item--height2{height: 1170px;}
	.grid-space-item--height4{ height: 180px;}
	.grid-space-item--height5 { height: auto; }
}