/* standard text styles */
html, p, ol, body, td, th, .text, ul, li, input, select , textarea, button {
	color:#111111;
	font-family: 'Poppins', sans-serif;
	font-size: 1.2rem;
}

/* custom text styles */
.title	{ font-size: 1.5rem; }

/* link styles */
a:link			{ color:#3b66bf; text-decoration:none; }
a:visited		{ color:#3b66bf; text-decoration:none; }
a:hover			{ color:#3b66bf; text-decoration:underline; }
a:active		{ color:#3b66bf; text-decoration:underline; }

.main_table {
	top:0;left:0;
	position: absolute;
	display: table;
	width:100%;
	height: 100vh;
	text-align: center;
}
.cnt_cell {
	display: block;
	padding-top:2rem;
	padding-bottom:2rem;
	background:#ffffff;
	box-shadow: 0 .4rem 0 #4ea1b5;
}
.content_cell {
	display: table-cell;
	vertical-align: middle;
}

.moc_logo {
	
}
.moc_logo_img {
	width:15vw;
}


.ani_table {
	top:0;left:0;
	position: absolute;
	width:100%;
	height: 100vh;
	background: rgba(255,55,0,0.3);
	align: left;
	overflow: hidden;
}
	.ani_table_cell {
		float: left;
		width:5vw;
		height:5vw;
		background: #dfdfdf;
	}
	.ani_table_cell_item {
		margin-left:5%;
		margin-top:5%;
		width:90%;
		height:90%;
		background: #dedede;
		box-shadow: 0px 0px 0px #dedede;
		transition: background .1s;
		transition-timing-function: linear;
	}
	.ani_table_cell_item:hover {
		background: #a0a0a0;
	}

@media screen and (max-width: 901px) and (orientation: portrait){
	html, p, ol, body, td, th, .text, ul, li, input, select , textarea, button {
		color:#111111;
		font-family: 'Poppins', sans-serif;
		font-size: 1.3rem;
	}
	.title	{ font-size: 2.7rem; }
	
	.moc_logo_img {
		width:35vw;
	}

	.ani_table_cell {
		float: left;
		width:10vw;
		height:10vw;
		background: #a0a0a0;
	}

}

@media screen and (max-width: 901px) and (orientation: landscape){

}