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

body {
	background: #FFFFFF;
	padding: 0;
	margin: 0;	
}

.container: {
	width: 90%;
	background: #000000;
	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%;
	justify-content: center;
}

.column{
	min-width: 30%;
	background: rgba(0,0,0,1.00);
	min-height: 200px;
}

.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;
	}
}