@media (max-aspect-ratio:  4/3){	
									/* for tablets */

									#spawnPageCont{
										transform: scale(1.0);
									}
	#bottomBox{
		
		flex-wrap: wrap;

		gap:0;

		padding-bottom: 15vw;



	}

	#showMoreButton{
		margin-bottom: 5vw;
	}

	#bbFirstColumn, #bbSecondColumn, #bbThirdColumn{
		transform: translateY(0%);
		padding: var(--globalPadding);
		max-width: calc(50% - calc(var(--globalPadding)*2));


	}

	#bbThirdColumnSub1, #bbThirdColumnSub2{
		max-width: 50%;
	}

	#bbThirdColumn{
		flex-direction: row;
		
		max-width: 100%;

		

		justify-content: space-between;
		
	}

	.reviewBlocks{
		max-height: 100%;
		flex-wrap: wrap;
	}




	#mainContent{
				grid-template-columns: 1fr 1fr;									/*Main Content grid setup*/
				grid-template-rows: auto auto 1fr 24rem ;
	}

	#information1Cont{
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 1;
		grid-column-end: 2;
	}

	#information2Cont{
		grid-row-start: 2;
		grid-row-end: 3;
		grid-column-start: 1;
		grid-column-end: 2;
		
		display: inline;
	}

	#profImageCont{
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 2;
		grid-column-end: 3;
		aspect-ratio: 1/1;
		align-content: center;
		justify-content: center;

		padding: 0;
		margin:0;
	}


	#profImage{
		width: auto;
		

	}
	#mainPageGallery{
		grid-row-start: 4;
		grid-row-end: 5;
		grid-column-start: 1;
		grid-column-end: 3;
	}

	

		#openingInformation{
		height: auto;
	}
	#openingSlide3Mask{
		transform: skew(0deg);
	}
	.openingSlides{
		height: 100vh;
	}

}






@media (max-aspect-ratio: 3/4){

	#storms{
		/*display: none;*/
	}

	#backgroundColor{
		height: 150dvh;
	}



	#spawnPageCont{
		padding: 1.5vw;
	}

	#bottomBox{
		flex-direction: column;
	}

		#bbThirdColumn{
		flex-direction: column;
		max-width: 100%;
	}
		#bbFirstColumn, #bbSecondColumn, #bbThirdColumn{
		transform: translateY(0%);
		padding: var(--globalPadding);
		max-width: 100%


	}


	#bbThirdColumnSub1, #bbThirdColumnSub2{
		max-width: 100%;
	}

	#bbThirdColumn{
		flex-direction: column;
		
		max-width: 100%;

		

		justify-content: space-between;
		
	}

	#mainContent{
				grid-template-columns: 1fr 1fr;									/*Main Content grid setup*/
				grid-template-rows: auto auto 1fr 36rem ;
	}

	#information1Cont{
		grid-row-start: 1;
		grid-row-end: 2;
		grid-column-start: 1;
		grid-column-end: 3;
	}

	#information2Cont{
		grid-row-start: 2;
		grid-row-end: 3;
		grid-column-start: 1;
		grid-column-end: 2;
	}

	#information2Paragraph{
		font-size: 2rem;
	}

	#profImageCont{
		grid-row-start: 3;
		grid-row-end: 4;
		grid-column-start: 1;
		grid-column-end: 3;
		/*aspect-ratio: 2/1;*/
		align-content: center;
		justify-content: center;
	
		
	}

	#profImage{
		/*min-height: 100vw;*/
		

		
		
		

	}
	#mainPageGallery{
		grid-row-start: 4;
		grid-row-end: 5;
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.galleryImages{
		height: 32rem;
	}



	.slogans{
		font-size: 10vw;
	}
	#sloganParentCont{
		height: 22vw;
	}
	#house{
		width: auto;
		height: 60vh;
		left:-50%;
	}


	.reviewParagraphs{
		font-size: 2rem;
	}

	#floatingGalleryButton{
		font-size: 6rem;
	}




		#bottomInfo{
		position: relative;
		bottom: auto;
		top: 0;

		
	}

	#BICenterCont{
		/*flex-direction: column;*/
		width: 100%;
		gap: auto
		justify-content: space-between;

	}
	#BIColumn2{
		display: none;
	}
	.BIColumns{
		width: 100%;
	


	}





}