@charset "UTF-8";
/* CSS Document */

h1{
    margin:0;
    padding:0;
}

.headcontainer{
	background:  #000000;
	margin: auto;
	width: 100%;
}

.titlecontainer{
	display: flex;
	background:  #000000;
	margin: auto;
	width: 100%;
}

.linkcontainer{
	background: #888888;
	margin: auto;
}

.container {
	width: 90%;
	background: #DFDFDF;
	margin: auto;
	border: 1 rgba(243,243,243,1.00);
}
	
.main {
	padding: 10px;
	background: rgba(42,42,42,1.00);
	min-height : 450px;
	display: flex;
	gap: 5%;
	justify-content: center;
}

.aside-left {
	min-width: 45%;
	min-height: 450px;
	background: rgba(161,161,161,1.00);
	float: left;
	padding: 1%;
}

.aside-right {
	min-width: 45%;
	min-height: 450px;
	background: rgba(161,161,161,1.00);
	float: left;
	padding: 1%;
}

.row{
	padding: 10px;
	background: rgba(197,197,197,1.00);
	display: flex;
	gap: 2.5%;
	justify-content: center;
}

.column{
	background: rgba(0,0,0,1.00);
	min-height: 100px;
}

.newscontainer {
	width: 90%;
	background: #FFFFFF;
	margin: auto;
	border: 1 rgba(243,243,243,1.00);
}

.newsrow{
	padding: 10px;
	background: #7A7A7A;
	display: flex;
	gap: 2.5%;
	justify-content: left;
}

.newscolumn{
	background: rgba(180,180,180,1.00);
	min-height: 100px;
	width: 700px;
}

.grayscale{
	background:  rgba(167,167,167,1.00);
	margin: auto;
	width: 100%;
}

.footer{
	min-height: 120px;
	background: rgba(89,89,89,1.00);
	padding: 2%;
}

@media (max-width:992px){
	.row {
		display: block;
	}
	
	.column {
		width: 100%;
		margin : 10px auto;
	}
	
	.aside-left {
		float: none;
		width: 100%;
		margin: 10px auto;
	}
	
	.aside-right {
		float: none;
		width: 100%;
		margin: 10px auto;
	}
	
	.navi {
		display : block;
	}
}