/* */

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	user-select:none;
}

html{
}

body{
	font-size:10px;
	font-family: Arial;
	background: #FFF;
	display: flex;
	flex-flow: column;
	min-height: 100vh;
}

header{
	width:100%;
	margin: 0 auto;
}


/* start top Header */

#topHeader{
	margin: 10px auto;
	width: 80%;
	display:flex;
	flex-flow:row nowrap;
	align-items: center;
	justify-content: space-between;
}

.topHeaderLogo{
	flex-basis: 15%;
}
.topHeaderAnother{
	flex-basis: 85%;
}


main{
	width:100%;
	margin: 40px auto;
	flex-grow: 1;
}
main>section{
	margin: 0 auto;
	width: 80%;
}

/* common fonts start */
.mainText{
}
.mainText h1{
	font-size:2rem;
}
.mainText h2{
	font-size:1.6rem;
}
.mainText p{
	margin: 15px 0 25px;
	font-size:1rem;
}
.mainText span{
	font-size:1rem;
}
.mainText a{
	font-size:1rem;
}
.mainText strong{
	font-size:1rem;
}

/* common fonts end */



.linkToPortal{
	text-align:center;
	font-size:2rem;
}


.jText{
	font-size:1.4rem;
	color:#000;
}
.error{
	font-size:1.4rem;
	color:#DC0000;
}



footer{
	margin: 20px 0;
}
footer>div{
	text-align:center;
}
footer>div>a{
	font-size:1.0rem;
	color: #00F;
	display: inline-block;
	margin: 0 20px;
}