html{
	background:var(--white-color);
	background-color:var(--white-color);
	background-image:var(--white-color);
	min-height:100%;
}
body{
	max-width:100%;
	
	
	overflow-y: visible;
	
	scroll-behavior:smooth;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	
	-webkit-backface-visibility:hidden !important;
	backface-visibility:hidden !important;
	
	/** FOR STICKY FOOTER **/
	min-height:100vh;
	position:relative;
}
body.lock{
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: hidden;
	box-sizing: border-box;
	border: none;
	border-radius: @nav-pills-border-radius;
	
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-y: -moz-hidden-unscrollable;
	scroll-behavior:none !important;
	-webkit-overflow-scrolling: none !important;
	-moz-overflow-scrolling: none !important;
	-ms-overflow-scrolling: none !important;
	-o-overflow-scrolling: none !important;
	outline: none !important;
	outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
	outline-offset: 0px !important;
	color: @nav-pills-active-link-hover-color;
	background-color: @nav-pills-active-link-hover-bg;
}
::-webkit-scrollbar{
	width:6px;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
}
::-webkit-scrollbar:vertical{
    width:6px;
	box-sizing: border-box;
	border: none;
	outline: none !important;
	outline-style: none !important;
    outline-width: 0px !important;
    outline-color: none !important;
}
::-webkit-scrollbar:horizontal{
	box-sizing: border-box;
	border: none;
	outline: none !important;
	outline-style: none !important;
    outline-width: 0px !important;
    outline-color: none !important;
}
::-webkit-scrollbar-thumb{
	background:var(--dark-blue-color);
	background-color:var(--dark-blue-color);
	background-image:var(--dark-blue-color);
}
::-webkit-scrollbar-track{
	-webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
	box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
	background:var(--bright-gray-blue-color);
	background-color:var(--bright-gray-blue-color);
	background-image:var(--bright-gray-blue-color);
	/**
	background:transparent;
	background-color:transparent;
	background-image:transparent;
	**/
	
	box-sizing: border-box;
	border: none;
	outline: none !important;
	outline-style: none !important;
    outline-width: 0px !important;
    outline-color: none !important;
}
a[x-apple-data-detectors] {
	color: inherit !important;
	text-decoration: none !important;
  
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: hidden;
	box-sizing: border-box;
	border: none;
	border-radius: @nav-pills-border-radius;
	color: none !important;
	text-decoration: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-y: -moz-hidden-unscrollable;
	outline: none !important;
	outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
	outline-offset: 0px !important;
	color: @nav-pills-active-link-hover-color;
	background-color: @nav-pills-active-link-hover-bg;
}
a[x-apple-data-detectors]:hover {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
a[x-apple-data-detectors]:active {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
a[x-apple-data-detectors]:focus {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
a[x-apple-data-detectors]:focus-within {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
a[x-apple-data-detectors]:target {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
a[x-apple-data-detectors]:link {
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: hidden;
	box-sizing: border-box;
	border: none;
	border-radius: @nav-pills-border-radius;
	color: none !important;
	text-decoration: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-y: -moz-hidden-unscrollable;
	outline: none !important;
	outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
	outline-offset: 0px !important;
	color: @nav-pills-active-link-hover-color;
	background-color: @nav-pills-active-link-hover-bg;
}
a[x-apple-data-detectors]:visited {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
/**
body._pc .menu-list > li:hover .menu-sub-list{
	opacity:1;
	visibility:visible;
	transform:translate(0px, 0px);
	pointer-events:all;
}
body._touch .menu-list > li.active .menu-sub-list{
	opacity:1;
	visibility:visible;
	transform:translate(0px, 0px);
	pointer-events:all;
}
**/
main{
	height:100%;
	width:inherit;
	position:relative;
	
	/**
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	scroll-behavior:smooth;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-ms-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	**/
	
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: hidden;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-y: -moz-hidden-unscrollable;
	/**scroll-snap-type:y mandatory;**/
	
	box-sizing: border-box;
	border: none;
	border-radius: @nav-pills-border-radius;
	outline: none !important;
	outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
	outline-offset: 0px !important;
	color: @nav-pills-active-link-hover-color;
	background-color: @nav-pills-active-link-hover-bg;
}
section{
	width:100%;
	
	display: flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: center;
	justify-content: center;
	
	position:relative;
	
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: hidden;
	
	border: none;
	border-radius: @nav-pills-border-radius;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-y: -moz-hidden-unscrollable;
	outline: none !important;
	outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
	outline-offset: 0px !important;
	background-color: @nav-pills-active-link-hover-bg;
}

.showcase{
	width:100%;
	padding:0;
	
	display: flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: center;
	justify-content: center;
	
	position:relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.text{
	position:relative;
	z-index:10;
	-webkit-transition:transform 1800ms;
	-webkit-transition:-webkit-transform 1800ms;
	-moz-transition:transform 1800ms;
	-moz-transition:-moz-transform 1800ms;
	-ms-transition:transform 1800ms;
	-ms-transition:-ms-transform 1800ms;
	-o-transition:transform 1800ms;
	-o-transition:-o-transform 1800ms;
	transition:all 1.8s;
}
.textscale{
	transform: scale(1);
	animation:textscale 3800ms ease-in-out infinite alternate;
}
.text h1{
	margin:0;
	-webkit-text-fill-color:var(--dark-blue-color);
	text-fill-color:var(--dark-blue-color);
	color:var(--dark-blue-color);
	animation:animate 18000ms linear infinite;
	text-align:center;
	font-family: "bold" !important;
	font-weight: 900;
	font-weight: bolder;
	font-size:5em;
	line-height:1.2em;
	word-spacing: 3px;
	letter-spacing: 6px;
	text-transform: uppercase;
	
	cursor: default;
	pointer-events: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	-o-user-select: none;
	user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}
.text h1 span{
	letter-spacing: 6px;
	animation:textspacing 3800ms ease-in-out infinite alternate;
}
.text h2{
	-webkit-text-fill-color:var(--dark-blue-color);
	text-fill-color:var(--dark-blue-color);
	color:var(--dark-blue-color);
	animation:animate 18000ms linear infinite;
	text-align:center;
	font-family: "bold" !important;
	font-weight: 900;
	font-weight: bolder;
	font-size:3.6em;
	line-height:1.1em;
	word-spacing: 1px;
	letter-spacing: 6px;
	text-transform: uppercase;
	
	padding-top:20px;
	padding-bottom:30px;
	
	cursor: default;
	pointer-events: none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	-o-user-select: none;
	user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}
.text a{
	display:block;
	font-family: "bold" !important;
	font-size:2.4em;
	font-weight: 900;
	font-weight: bolder;
	background:none;
	background-color:none;
	background-image:none;
	animation:animate 18000ms linear infinite;
	
	text-align:center;
	margin:0 auto;
	/**
	background:#ff0000;
	**/
	padding:3px 60px;
	text-decoration:none;
	-webkit-text-fill-color:none;
	text-fill-color:none;
	color:none;
	/**
	-webkit-text-fill-color:#262629;
	text-fill-color:#262629;
	color:#262629;
	**/
	margin-top:15px;
	text-transform: uppercase;
	letter-spacing:7px;
	-webkit-transition:transform 600ms;
	-webkit-transition:-webkit-transform 600ms;
	-moz-transition:transform 600ms;
	-moz-transition:-moz-transform 600ms;
	-ms-transition:transform 600ms;
	-ms-transition:-ms-transform 600ms;
	-o-transition:transform 600ms;
	-o-transition:-o-transform 600ms;
	transition:all 0.6s;
	
	
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: hidden;
	box-sizing: border-box;
	border: none;
	border-radius: @nav-pills-border-radius;
	text-decoration: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-y: -moz-hidden-unscrollable;
	outline: none !important;
	outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
	outline-offset: 0px !important;
	color: @nav-pills-active-link-hover-color;
	background-color: @nav-pills-active-link-hover-bg;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
.text a:hover{
	letter-spacing:11px;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
.text a:active{
	letter-spacing:11px;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
.text a:focus{
	letter-spacing:11px;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
.text a:target{
	letter-spacing:11px;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
.text a:link{
	overflow: hidden;
	overflow-x: hidden !important;
	overflow-y: hidden;
	box-sizing: border-box;
	border: none;
	border-radius: @nav-pills-border-radius;
	text-decoration: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
	overflow-y: -moz-hidden-unscrollable;
	outline: none !important;
	outline-style: none;
    outline-width: 0px !important;
    outline-color: none !important;
	outline-offset: 0px !important;
	color: @nav-pills-active-link-hover-color;
	background-color: @nav-pills-active-link-hover-bg;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}
.text a:visited{
	letter-spacing:11px;
	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}

@media only screen and (max-device-width: 1365px) and (-webkit-min-device-pixel-ratio:0){

}
@media only screen and (min-device-width: 1366px) and (-webkit-min-device-pixel-ratio:0){

}

@supports(scroll-snap-type: y mandatory) {
	.no_support {
		display: none;
	}
}

/*Firefox*/
@-moz-document url-prefix(){
	
}

/*Safari*/
@media not all and (min-resolution:.001dpcm){ @media
{
	
}}

/*Mobile Safari*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ @media
{
	
}}

/*Edge*/
@supports (ms-ime-align:auto)
and (webkit-text-stroke:initial){
	
}


@media only screen and (min-device-width: 0px) and (max-device-width: 320px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:22px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.2em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 569px) and (max-device-width: 680px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:22px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.2em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 681px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:22px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.2em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 992px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:2.8em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.3em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.2em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 993px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.4em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 1201px) and (max-device-width: 1367px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.4em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
/** 1368 x 912 **/
@media only screen and (min-device-width: 1368px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.4em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
/** 1440 x 826 **/
@media only screen and (min-device-width: 1440px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.3em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.5em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}

}
/** 1500 x 1000 **/
@media only screen and (min-device-width: 1500px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.3em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.5em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
/** 1504 x 1003 **/
@media only screen and (min-device-width: 1504px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.3em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.5em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
/** 1536 x 960 **/
@media only screen and (min-device-width: 1536px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.3em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.5em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 1600px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.3em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.5em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
/** 1620 x 1080 **/
@media only screen and (min-device-width: 1620px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:50px;
	}
	.text h1{
		font-size:3.5em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.8em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
/** 1664 x 1110 **/
@media only screen and (min-device-width: 1664px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:50px;
	}
	.text h1{
		font-size:3.5em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.8em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 1680px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:50px;
	}
	.text h1{
		font-size:3.5em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.8em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 1824px) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:80px;
	}
	.text h1{
		font-size:4.5em;
		letter-spacing:6px;
	}
	.text h2{
		font-size:1.8em;
		letter-spacing:5px;
	}
	.text a{
		font-size:3.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 1920px) and (-webkit-min-device-pixel-ratio:0){
	
}


@media only screen and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 320px) and (min-device-height: 533px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 320px) and (min-device-height: 568px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 320px) and (min-device-height: 570px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 320px) and (min-device-height: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:1.6em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 360px) and (min-device-height: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 360px) and (min-device-height: 740px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 375px) and (min-device-height: 553px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 375px) and (min-device-height: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 411px) and (min-device-height: 731px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 411px) and (min-device-height: 823px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 412px) and (min-device-height: 732px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 414px) and (min-device-height: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:18px;
	}
	.text h1{
		font-size:2.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.2em;
		letter-spacing:5px;
	}
	.text a{
		font-size:1.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 768px) and (min-device-height: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:22px;
	}
	.text h1{
		font-size:2.8em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.3em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.2em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}
@media only screen and (min-device-width: 1024px) and (min-device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio:0){
	.showcase{
		padding:40px;
	}
	.text h1{
		font-size:3.2em;
		letter-spacing:5px;
	}
	.text h2{
		font-size:1.4em;
		letter-spacing:5px;
	}
	.text a{
		font-size:2.6em;
		padding:3px 30px;
		margin-top:5px;
		letter-spacing:6px;
	}
}