@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

.material-symbols-rounded { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 }

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

	#homePricing { max-width: 320px; flex-direction: column; }
	#homePricing .priceBox.office { margin-right: auto; }
	#homePricing .priceBox.business { margin: 15px 0; }
	#homePricing .priceBox.corporate { margin-left: auto; }
	
	#homeShowcase { margin: 0; position: static; }
	#homeShowcase .text { border: 1px solid #fff; }
	#homeShowcase .text p { font-size: 2.5vw; }
	#homeShowcase .text p.right { text-align: left; }
	
	#homeShowcase .text.one { position: absolute; left: 57vw; top: 13vw; z-index: 1; }
	#homeShowcase .text.two { position: absolute; left: 55vw; top: 24vw; z-index: 1; }
	#homeShowcase .text.three { position: absolute; left: 62vw; top: 35vw; z-index: 1; } 
	#homeShowcase .text.four { position: absolute; left: 60vw; top: 46vw; z-index: 1; } 
	
	#homeTrialDemoContainer .contents { display: flex; flex-wrap: wrap; width: 100%; max-width: 800px; height: auto; padding: 25px 0; }
	#homeTrialDemoContainer .contents .circle { margin: 20px auto; }
	#homeTrialDemoContainer .contents .circle.freeTrial { position: relative; z-index: 1; }
	#homeTrialDemoContainer .contents .circle.liveDemo { position: inherit; z-index: 3; }
	#homeTrialDemoContainer .contents .circle.privateDemo { position: inherit; z-index: 2; }
	#homeTrialDemoContainer .contents .circle.buyNow { position: inherit; z-index: 1; }
	
	#interiorContainer .module { display: block; position: relative; left: 20px; top: 0; margin: 0 auto 50px auto; }
	#interiorContainer .body { width: 90%; font-size: 1.2em; padding: 4vw; margin: 0; }
	
	#privateBrandingPricing .priceBox h3 { font: 200 2.5vw/3vw Inter; }
	#privateBrandingPricing .priceBox .price { font: 500 3.5vw/3vw Inter; letter-spacing: -.05em; margin: 0 0 15px 0; padding: 0; }



}
@media only screen and (max-width : 700px ){
	
	nav { display:none; }
	#hamburgerMenu .top { display: block; }
	#hamburgerMenu ul { font: 300 1.75em/1em Inter; }
	#homeFeaturesContainer h2, #homePricingContainer h2 { font-size: 8vw; }
	
	#homeShowcaseContainer h1 { font-size: 13vw; }
	#homeShowcase { margin: auto; width: 90vw; }

	#homeShowcase .text.one { display: none; }
	#homeShowcase .text.two { display: none; }
	#homeShowcase .text.three { display: none; } 
	#homeShowcase .text.four { display: none; }
		
	#bottomNavContainer .contents { max-width: 250px; min-width: 130px; padding: 0 0 30px 30px; }
	
	#interiorContainer .body .twoColumn { flex-direction: column; }
	#interiorContainer .body .twoColumn .content { width: 100%; }

	#privateBrandingPricing .priceBox h3 { font: 200 5vw/5vw Inter; }
	#privateBrandingPricing .priceBox .price { font: 500 5vw/5vw Inter; letter-spacing: -.05em; margin: 0 0 15px 0; padding: 0; }

}