#loginBox {
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 20px;
	float: right;
	width: 33.3%;
	min-width: 250px;
	border: 1px solid #c0c0c0;
	border-radius: 8px;
	background-color: #eeeeee;
}

	#loginBox > *:first-child {
		margin-top: 0px;
	}

	#loginBox input[type='text'],
	#loginBox input[type='password']
	{
		width: 100%;
	}

	#loginMessage {
		color: #c00000;
		font-weight: bold;
		font-size: 120%;
	}

#banner {
	/*
	width: 100%;
	height: calc(100vw * 855 / 1500);
	background-image: url("../images/banner1_b.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	*/
}

#blog {
}

	#blog .row .cell {
		padding: 0px 15px 15px 15px;
		text-align: left;
	}
	
		#blog .row .cell a {
			text-decoration: none;
		}

	#blog .blogTitle {
		font-size: 140%;
	}
	
	#blog .blogDate {
		color: #a0a0a0;
		font-size: 90%;
	}
	
	#blog .blogDescription {
	}

@media screen and (max-width: 849px) {


	#loginBox {
		width: 100%;

	}
	
}

@media screen and (min-width: 850px) and (max-width: 1100px) {

}

@media screen and (min-width: 480px) and (max-width: 849px) {
	
}

@media screen and (max-width: 479px) {

	#blog .row .cell {
		width: 100%;
	}
	
}