html { 	width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		overflow-x: hidden;
		overflow-y: hidden;
		font-family: "Segoe UI", Arial, sans-serif; 
	}

body {  background: #ededed; color: #333333; 
	   margin: 0; padding: 0; border: 0; }
body img {width: 100%; height: auto;}

h1, h2, h3, h4, h5, h6 { color: #444444; font-style: italic; }

h5 {
	margin: 0;
}

ul {padding: 0 calc(1vh + 1vw) 0 calc(1vh + 1vw); margin: 0;}

:root {
		--headmin: 3em;
		--headmax: 4em;
		--headmax2: 6em;
		/*--menucolor: #0d3172;*/
		--menucolor: #0d0d50;
		--bcolor: #dddddd;
		--mensz_base_brand: 1.6em;
		--mensz_base: 0.6em;
		--mensz_vh: 0.4vh;
		--mensz_vw: 0.4vw;
		--mensz_vh_brand: 0.6vh;
		--mensz_vw_brand: 0.6vw;
		--pagecapsz: 1em;
	}

div.bg {
	background-image: url("/static/page_pics/background_ai.jpg");
	background-size: cover;
	height: calc(4em + 30vh + 30vw);
	width: 100%;
	padding: 0;
}

div.bg2 {
	background-image: url("/static/page_pics/background_ai_2.jpg");
	background-size: cover;
	height: calc(4em + 30vh + 30vw);
	width: 100%;
	padding: 0;
}

.grid-box {
	width: 100vw;
	height: 100vh;

	display: grid;
	grid-template-columns: 5% 54% 36% 5%;
	grid-template-rows: minmax(var(--headmin), var(--headmax)) auto auto calc(2vh + 2vw);
	grid-template-areas:
		"leftheader headerleft headerright rightheader"
		"leftside txtcontent txtcontent rightside"
		"leftside txtcontent txtcontent rightside"
		"leftfooter footer footer rightfooter";
	padding: 0;
	margin: 0;
}

.gbox-hl {grid-area: leftheader; background: var(--menucolor); }
.gbox-hnavl {grid-area: headerleft;	background: var(--menucolor);}
.gbox-hnavr {grid-area: headerright; background: var(--menucolor); }
.gbox-hr {grid-area: rightheader; background: var(--menucolor);}
.gbox-ls {grid-area: leftside; }
.gbox-content {
	grid-area: txtcontent;
	background: white;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative; }

.gbox-rs {grid-area: rightside; }
.gbox-lf {grid-area: leftfooter; }
.gbox-ft {grid-area: footer;
		  display: flex;
		  background: white;
		  align-items: center;
		  justify-content: flex-end;
		  padding: 0 1em 0 0;
		}
.gbox-rf {grid-area: rightfooter; }


.hend  { padding: 0; }
.hend a {padding: 0 0 0 1vw; }
.hend_alt { display: none; }
.hleft { 
		padding: 0 1vw 0 1vw;
}

.hmid  { padding: 0; }
.hmid a {padding: 0 1vw 0 0; }

.c1 {
	background-color: whitesmoke;
}

.c2 {
	background-color: mintcream;
}

.consultinglistborder {
	background-color: #EDF3F7;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	display: inline-block;
	font-weight: bold;
	margin-left: calc(1vh + 1vw);
	padding-top: calc(1.6vh + 0.8vw);
	padding-bottom: calc(1.6vh + 0.8vw);
	width: 91%;
}

.contentsheet {
	padding: 0 1em 0 1em;
	color: black;
}

.contentsheet .noindent {
	list-style-position: outside;
	
}

.datascroll {
	width: 100%;
}

.dataticker {
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	/*height: 68vh;*/
	height: 37vh;
	width: 100%;
}

.dataticker tr, td, th {
	white-space: nowrap;
}

.dataticker td {
	padding: 0 4px;
}

.dataticker thead {
	text-align: left;
}

.dataticker.c2 tr td:last-child {
	text-align: right;
}


/* The dropdown container */
.dropdown {
	display: inline-block;
	vertical-align: baseline;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
	display: block;
	cursor: pointer;
}

/* Dropdown button */
.dropdown .dropbtn {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	background: none;
}

.dropdown .dropbtn img {
	width: calc(1.5em + 2vh); height: calc(1.5em + 2vh);
}

.dropdown .dropbtn .menustd {
	display: inline;
}

.dropdown:hover .dropbtn .menustd {
	display: none;
}

.dropdown .dropbtn .menuwhite {
	display: none;
}

.dropdown:hover .dropbtn .menuwhite {
	display: inline;
}


/* Dropdown content (hidden by default) */
.dropdown-content {
	display: none;
	position: absolute;
	font-size: calc(var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	background-color: var(--menucolor);
	min-width: 4em;
	box-shadow: 0em 0.5em 1em 0em rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	display: block;
	float: none;
	color: var(--bcolor);
	padding: 0.4em 1em;
	text-decoration: none;
	text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
	color: white;
	background-color: SteelBlue;
}

.fieldset-base {
	border: none;
	padding: 1.5em;
	background-color: #edf2f7;
}

.fieldset-base legend {
	font-size: calc(1.5 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	font-weight: bold;
	float: left;
	margin-bottom: calc(1.2vh + 1.2vw);
	width: 100%;
	padding: 0;
}

.fieldset-submit {
	
}

.fieldset-submit input[type=submit] {
	background-color: white;
	border: 1px solid;
	border-radius: 4px;
	color: DodgerBlue;
	cursor: pointer;
	font-size: calc(0.8 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	padding: calc(0.35vh + 0.35vw) calc(0.8vh + 0.8vw);
}

.fieldset-submit input[type=submit]:hover {
	background-color: DodgerBlue;
	color: white;
}

.flash-alert-danger {
	color: red;
	font-weight: bold;
	font-size: calc(1.2 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin-left: 1em;
	padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
	text-indent: calc(0.4vh + 0.4vw);
}

.flash-alert-info {
	color: red;
	font-weight: bold;
	font-size: calc(1.2 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin-left: 1em;
	padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
	text-indent: calc(0.4vh + 0.4vw);
}

.flash-alert-success {
	color: green;
	font-weight: bold;
	font-size: calc(1.2 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin-left: 1em;
	padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
	text-indent: calc(0.4vh + 0.4vw);
}

.form-base {
	padding: calc(2vh + 2vw) 12vw 0 12vw;
}

.form-base-left {
	padding: calc(2vh + 2vw) 0 5vh 0;
	width: 100%;
}

.form-base .smallpw {
	font-size: calc(0.6 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin: 0.7em 0 0 0.5em;
}

.form-base .smallpw a {
	color: black;
	text-decoration: none;
}

.form-base .smallpw a:visited {
	color: black;
	text-decoration: none;
}

.form-base .smallpw a:hover {
	color: DodgerBlue;
	font-weight: bold;
}

.form-information {
	display: block;
	font-size: calc(var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
}

.form-input {
	clear: both;
	margin: 0 0 calc(1vh + 1vw) 0;
}

.form-input .errmsg {
	color: red;
	font-weight: bold;
	margin: 0 0 0 10px;
}

.form-input input {
	border: 1px solid;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: calc(var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin: calc(0.5vh + 0.5vw) 0 0 0;
	height: calc(3 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	width: 100%;
	padding: 0 10px 0 10px;
}

.form-input label, .form-textarea label, .form-picture-select label {
	font-size: calc(1.2 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin-left: calc(0.25vh + 0.25vw);
}

.form-input-select {
	display: inline-block;
	margin: 0 0 calc(1vh + 1vw) 0;
}

.form-input-select input {
	border: 1px solid;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: calc(var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin: calc(0.25vh + 0.25vw) 0 0 0;
	height: calc(3 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	width: 100%;
	padding: 0 10px 0 10px;
}

.form-input-select label {
	font-size: calc(0.9 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin-left: calc(0.25vh + 0.25vw);
}

.form-picture-select input[type=file] {
	cursor: pointer;
	font-size: calc(0.8 * var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
}


.form-textarea textarea {
	border: 1px solid;
	border-radius: 4px;
	box-sizing: border-box;
	font-family: "Segoe UI", Arial, sans-serif;
	font-size: calc(var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
	margin: calc(0.5vh + 0.5vw) 0 0 0;
	height: 20vh;
	padding: 10px;
	resize: vertical;
	width: 100%;
}

.fsp1 {
	margin: calc(1.5vh + 1.5vw) 0 0 0;
}

.img-title {
	width: calc(4em + 4vh + 4vw);
}

.img-trans {
	opacity: 1;
	width: 100%;
	height: auto;
	transition: ease .7s, transform .7s;
	-webkit-transition: ease .7s, transform .7s;
	backface-visibility: hidden;
}

.img-trans:hover {
	opacity: 0.9;
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-ms-transform: none;
}

.img-user {
	border-radius: 100%;
	float: left;
	/*display: inline;*/
	/*margin: calc(2vw + 2vh) 0 0 calc(2vw + 2vh);*/
	margin: auto 3vw 2vw 1vw;
	width: 125px;
}

.img-user-article {
	border-radius: 100%;
	float: left;
	padding: calc(0.5em + 0.5vh + 0.5vw);
	width: calc(2.5em + 1.8vw);
}

.invalid-feedback {
	color: red;
	font-size: calc(0.2em + var(--mensz_vh) + var(--mensz_vw));
}

.listcaption {
	list-style: none;
	/*font-size: calc(0.5em + var(--mensz_vh) + var(--mensz_vw));*/
	font-size: calc(0.8em + var(--mensz_vh));
	font-weight: bold;
	padding: 0.5em 0 0.25em 0.2em;
}


.listcaptionmain {
	list-style: none;
	font-size: calc(0.8em + var(--mensz_vh));
	font-weight: bold;
	padding: 0.5em 0 0.25em 0.5em;
}


.listcaptionmain a {
	
	color: white;
	text-decoration: none;
	/*background: url("/static/page_pics/Rightarrow1.png") no-repeat;*/
	background-size: calc(0.6em + var(--mensz_vh) + var(--mensz_vw));
	background-position: left center;
	margin: 0 0 0 -1em;
	padding: 0.55em 0 0.7em 1.3em;
}

.listcaptionmain a:hover {
	background: url("/static/page_pics/Rightarrow1_hover.png") no-repeat;
	background-size: calc(0.6em + var(--mensz_vh) + var(--mensz_vw));
	background-position: left center;
	color: gold;
}

.listentry {
	list-style: none;
	padding: 0 0 0.8vh 1.8em;
	line-height: calc(0.8em + 0.5vh + 0.5vw);
}

.listentry::before {
	content: "\25b8\A0";
	margin-left: -1.1em;
}

.listentry_bold {
	list-style: none;
	padding: 0 0 0.8vh 1.8em;
	line-height: calc(0.8em + 0.5vh + 0.5vw);
}

.listentry_bold::before {
	content: "\25b8\A0";
	margin-left: -0.95em;
	/*margin-left: -1.6em;*/
}

.listentrymain {
	color: white;
	list-style: none;
	padding: 0 0 0.8vh 1.8em;
	line-height: calc(0.8em + 0.5vh + 0.5vw);
}

.listentrymain::before {
	content: "\25b8\A0";
	margin-left: -0.95em;
}

.listentry_white {
	list-style: none;
	color: white;
	line-height: calc(0.8em + 0.5vh + 0.5vw);
	padding: 0 0 0.8vh 2em;
}

.listentry_white::before {
	content: "\25b8\A0";
	margin-left: -0.6em;
}

.mainfont {
	/*font-size: calc(0.8em + 0.5vh);*/
	font-size: calc(1em + 0.4vh + 0.4vw);
}

.menu-table {height: 100%; padding: 0 0 0.5vh 0;  }
.menu-table td {
	vertical-align: bottom;
}

.menu-table.hnavr {margin-left: auto; margin-right: 2vh;}

.modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.modal-overlay:target {
	visibility: visible;
	opacity: 1;
}

.modal-popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 0.5s ease-in-out;
}

.modal-popup .close {
	position: absolute;
	top: 0;
	right: 8px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

.modal-popup .close:hover {
	color: red;
}

.modal-popup .content {
	max-height: 30%;
	overflow: auto;
}

.modal-popup .content p {
	font-weight: bold;
	border-style: none none solid none;
	border-width: 1px;
	padding: 0 0 5px 0;
}

.modal-popup .content form {
	float: right;
	padding: 0 5px 0 0;
}

.navbrand {	
			text-decoration: none;
		}

.navfont {  
			font-size: calc(var(--mensz_base) + var(--mensz_vh) + var(--mensz_vw));
}

.navmenu { 	
			color: var(--bcolor);

			text-decoration: none;		   	
		 }

.navmenu:hover { color: white; }

.navmenu2 { text-decoration: none;
		    color: var(--bcolor);
		}

.navmenu2:hover { color: white; }

.pagecaption {
	color: black;
	font-size: calc(var(--pagecapsz) + 0.7vh + 0.5vw);
	font-stretch: extra-expanded;
	font-variant: small-caps;
	margin: 0;
	padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
	border-bottom: solid red 1px;
	text-indent: calc(0.4vh + 0.4vw);
	text-shadow: 1px 1px #AFAFAF;
}

.pagecaption2 {
	color: dimgrey;
	font-size: calc(var(--pagecapsz) + 0.7vh + 0.5vw);
	font-stretch: extra-expanded;
	font-variant: small-caps;
	margin: 0;
	padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
	border-bottom: solid red 1px;
	text-indent: calc(0.4vh + 0.4vw);
	text-shadow: 1px 1px #AFAFAF;
}

.pagecaption2M { display: none; }

.pagecaptionHomeM { display: none; }

.pagecaptionM {	display: none; }

.pagecaptionmain {
	color: dimgrey;
	font-size: calc(var(--pagecapsz) + 0.7vh + 0.5vw);
	font-stretch: extra-expanded;
	font-variant: small-caps;
	margin: 0;
	padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
	border-bottom: solid red 1px;
	text-indent: calc(0.4vh + 0.4vw);
	text-shadow: 1px 1px #AFAFAF;
}

.pagenums {
	border-top: solid red 1px;
	color: DodgerBlue;
	font-size: calc(0.6em + 0.4vw);	
	margin: 3vh 1em 0 1em;
	padding: 5vh 0 0 0;
	text-align: center;
}

.pagenums ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pagenums ul li {
	display: inline;
}

.pagenums ul li a {
	border: 1px solid DodgerBlue;
	border-radius: 4px;
	color: DodgerBlue;
	padding: calc(0.5 * (0.5em + 0.5vw)) calc(0.7em + 0.5vw) calc(0.5 * (0.6em + 0.5vw)) calc(0.7em + 0.5vw);
	text-decoration: none;
}

.pagenums ul li a:visited {
	text-decoration: none;
	color: DodgerBlue;
}

.pagenums ul li a:hover {
	background-color: DodgerBlue;
	color: white;
}

.pagenums ul li .cspancurr {
	border: 1px solid DodgerBlue;
	background-color: DodgerBlue;
	border-radius: 4px;
	color: white;
	padding: calc(0.5 * (0.5em + 0.5vw)) calc(0.7em + 0.5vw) calc(0.5 * (0.6em + 0.5vw)) calc(0.7em + 0.5vw);
}

.pagenums ul li .cspandots {
	border: 1px solid DodgerBlue;
	border-radius: 4px;
	padding: calc(0.5 * (0.5em + 0.5vw)) calc(0.55em + 0.5vw) calc(0.5 * (0.6em + 0.5vw)) calc(0.55em + 0.5vw);
}

.pagetext {
	font-style: italic;
	padding: 2.5vh 0 0.8vh calc(1vh + 1vw + 0.2em);
	display: block;
}

.pagetext_white {
	color: white;
	font-style: italic;
	padding: 2.5vh 0 0.8vh calc(1vh + 1vw + 0.2em);
	display: block;
}

.stdcaption {
	font-size: calc(0.4em + var(--mensz_base) + 0.5 * var(--mensz_vh) + var(--mensz_vw));
	font-weight: bold;
	padding: 3vh 0 0.5vh calc(1vh + 1vw + 0.2em);
}

.stdfont {
	font-size: calc(0.5em + 0.4vh + 0.4vw);
}

.stdfont p {
	margin: 0.5em 0 0 0;
}

.stdfontwhite {
	color: white;
	font-size: calc(0.5em + 0.4vh + 0.4vw);
}

/*.stdfontwhite p {
	margin: 0.5em 0 0 0;
}*/

.stdtext {
	display: block;
	padding: 0.5vh 0 0.8vh calc(1vh + 1vw + 0.2em);
}

.stdtext p {
	margin: 0.5em 0 0 0;
}

.table-caption {
	font-weight: bold;
	padding: 0 0 1vh 0;
}

.text-danger {
	color: red;
}

.uab-red {
	background-color: #ff8080;
	color: black;
}

.uab-grn {
	background-color: MediumSeaGreen;
	color: white;
}

.uab-gry {
	background-color: Grey;
	color: white;
}

.user-article {
	overflow: hidden;
	padding: 0 calc(0.5em + 0.5vh + 0.5vw) 0 0;
}

.user-article-author {
	font-size: calc(0.8em + 0.3vw);
	padding: calc(0.6em + 0.3vw) 0 0 0;
	border-bottom-style: solid;
	border-color: grey;
	border-width: 1px;
}


.user-article-author a {
	text-decoration: none;
	color: DodgerBlue;
}

.user-article-author span {
	color: DodgerBlue;
}

.user-article-button-area {
	padding: 0.5em;
}

.user-article-button-form {
	display: inline;
}

.user-article-button {
	width: calc(4em + 2vw);
	border-radius: 8px;
	font-size: calc(0.8em + 0.1vw);
	padding: 0.5em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.2s;
}

.user-article-button:hover {
	cursor: pointer;
}

.user-article-button:active, .user-article-button:focus {
	outline: 0;
}

.user-article-button.uab-red:hover {
	background-color: Red;
	color: white;
}

.user-article-button.uab-grn:hover {
	background-color: Lime;
	color: black;
}

.user-article-button.uab-gry:hover {
	background-color: Gainsboro;
	color: black;
}

.user-article-clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.user-article-content {
	padding: calc(0.2em + 0.2vw) 0 0 0;
}

.user-article-title {
	font-size: calc(0.9em + 0.3vw);
	font-weight: bold;
	padding: calc(0.2em + 0.2vw) 0 0 0;
}

.user-article-title a {
	text-decoration: none;
	color: black;
}

.user-article-title a:hover {
	color: DodgerBlue;
}


@media screen and (max-width: 1000px) {
	.hleft { padding: 0 0 0 0; }

	.hmid { display: none; }
	.hend { display: none; }

	.hend_alt  { display: inline-block; vertical-align: baseline; }

	div.bg {
	background-image: url("/static/page_pics/background_ai.jpg");
	background-size: cover;
	height: 100%;
	width: 100%;
	padding: 0;
	}

	div.bg2 {
	background-image: url("/static/page_pics/background_ai_2.jpg");
	background-size: cover;
	height: 100%;
	width: 100%;
	padding: 0;
	}

	.dropdown-content {
		font-size: calc(var(--mensz_base) + 4 * var(--mensz_vh) + var(--mensz_vw));
		right: 4%;
	}
	
	.gbox-ft.stdfont {
		font-size: calc(1em + 0.7vh + 0.7vw);
	}

	.grid-box {
		width: 100vw;
		height: 100vh;

		display: grid;
		grid-template-columns: 5% 54% 36% 5%;
		grid-template-rows: minmax(var(--headmin), var(--headmax2)) auto auto calc(2vh + 2vw);
		grid-template-areas:
			"leftheader headerleft headerright rightheader"
			"leftside txtcontent txtcontent rightside"
			"leftside txtcontent txtcontent rightside"
			"leftfooter footer footer rightfooter";
		padding: 0;
		margin: 0;
	}

	.img-title {
		width: calc(9em + 9vh);
	}

	.img-user {
		width: 20%;
	}
	
	.mainfont {
		font-size: calc(1em + 1.5vh);
	}

	.menu-table td {
		vertical-align: middle;
}

	.modal-popup {
		width: 50%;
	}

	.pagecaption {
		display: none;
	}

	.pagecaption2 {
		display: none;
	}

	.pagecaption2M {
		color: dimgrey;
		display: block;
		font-size: calc(var(--pagecapsz) * 0.8 + 0.7vh + 0.5vw);
		font-stretch: extra-expanded;
		font-variant: small-caps;
		margin: 0;
		padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
		border-bottom: solid red 1px;
		text-indent: calc(0.4vh + 0.4vw);
		text-shadow: 1px 1px #AFAFAF;
	}

	.pagecaptionM {
		display: block;
		font-size: calc(1.2 * var(--pagecapsz) + 0.4vh + 0.5vw);
		margin: 0;
		padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
		border-bottom: solid red 1px;
		text-indent: calc(0.4vh + 0.4vw);
	}

	.pagecaptionHomeM {
		display: block;
		font-size: calc(var(--pagecapsz) * 0.8 + 0.7vh + 0.5vw);
		font-stretch: extra-expanded;
		font-variant: small-caps;
		color: dimgrey;
		margin: 0;
		padding: calc(0.7vh + 0.7vw) 0 calc(0.3vh + 0.3vw) 0;
		border-bottom: solid red 1px;
		text-indent: calc(0.4vh + 0.4vw);
		text-shadow: 1px 1px #AFAFAF;
	}

	.pagecaptionmain {
		display: none;
	}

	.stdfont {
		font-size: calc(1em + 0.4vh + 0.4vw);
	}

	.stdfontwhite {
	color: white;
	font-size: calc(1.2em + 0.4vh + 0.4vw);
	}

}

/*Unfortunately Microsoft Edge does not work properly with "transformation: scale()".*/
@supports (-ms-ime-align: auto) {
	.gbox-content .img-trans { transform: none;}
}