body{
	margin: 0;
	padding:0;
}

#wrap{	
	background: #bebebe;
	width:100vw;
}
header {
	width: 		100%;
	height: 	15vw;
	background: moccasin;
}
header img{
	width:  		15vw;
	margin: 		2.5vw 5vw;
	vertical-align: top;
}

header h1{
	font-size: 		7vw;
	letter-spacing: 4px;
	text-align: 	center;
	display: 		inline-block;
	vertical-align: top;
	width: 			70vw;
	margin-top:		3vw;
	color:			maroon;
}

header h1 span{ 
	color:red;
}
#auth{
	background: 		khaki;
	display: 			flex;
	justify-content: 	center;
}
#auth b, 
#auth tt, 
#auth input{
	display: 		inline-block;
	vertical-align: bottom;
	margin: 		0.5vw 1vw 0.5vw 3vw;
	font-size: 		3vw;
}
#auth input{
	font-size: 		3vw;
	width: 			15vw;
	border-radius: 	3px;
	margin: 		0.5vw 1vw;
}
#auth i{
	color:fuchsia;
}
#auth img{
	width:  		6vw;
	vertical-align: top;
}

/*
#Calendar img{
	width:  		20vw;
	margin: 		2.5vw 5vw;
	vertical-align: top;
}

#Calendar ul{
	display: 		inline-block;
	clear: left;
}*/

.content-block {
	cursor: pointer;
	height: 55vw;
	margin-top: 1vw;
}
.content-block:hover b {
	font-size: 9vw;	
}
.content-block:hover img {
	width: 45vw;
}

.content-block b {
	display: inline-block;
	vertical-align: middle;
	font-size: 8vw;
	font-variant: small-caps;
	text-align: center;
	width: 49vw;
	
	transition: font-size 0.3s;
}

.content-block img {
	display: inline-block;
	vertical-align: middle;
	width: 49vw;
	
	transition: width 0.3s;
}

.calendar {
	background: #AAFFAA;
	
}
.calendar:hover {
	background: #77FF77;
}

.forum {
	background: #AAAAFF;
	
}
.forum:hover {
	background: #7777FF;
}

.gallery {
	background: #FFFAAB;
	
}
.gallery:hover {
	background: #AFAA66;
}

cabinet {
	background: #FEEEAB;
	
}
.cabinet:hover {
	background: #FEEEEE;
}
footer {
	width: 		100%;
	height: 	10vw;
	background: gray;
	font-size: 3vw;
	color: white;
	text-align: center;
}

/* Registration page */
#reg_page_content {
	min-height: 70vh;
}
#reg_page_content h1 {
	color: maroon;
	font-size: 7vw;
	text-align: center;
}
#reg_page_content .reg-form-label,
#reg_page_content .reg-form-label2 {
	color: maroon;
	display: inline-block;
	font-size: 5vw;
	letter-spacing: 0.1em;
	margin-left: 10vw;
	vertical-align: top;
	width: 20vw;
}
#reg_page_content .reg-form-label2 {
	margin: 0 0 6vw 15vw;
}
#reg_page_content input[type='text'],
#reg_page_content input[type='email'],
#reg_page_content input[type='password'] {
	border-radius: 1vw;
	font-size: 5vw;
	height: 7vw;
	margin-bottom: 2vw;
	vertical-align: top;
	width: 45vw;
}
#reg_send_btn {
	border-radius: 1vw;
	display: block;
	font-size: 5vw;
	margin: 5vw auto;
	padding: 1vw 1.5vw;
	width: 35vw;
}
/* CABINET */
#cabinet_portal {
	min-height: 70vh;
}
.registered-role {
	color: green;
	font-weight: 900;
}
.unregistered-role {
	color: fuchsia;
	font-weight: 900;
}
.next-link, .reg-link  {
	border-radius: 1vw;
	padding: 1vw 2vw;
}
.next-link {
	background: lime;
}
.reg-link {
	background: tomato;
}