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

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

.container {
	width: 90%;
	background: #FFFFFF;
	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(255,255,255,1.00);
	display: flex;
	gap: 2%;
	justify-content: center;
}

.row2{
	padding: 10px;
	background: rgba(175,175,175,1.00);
	display: flex;
	gap: 2%;
	justify-content: center;
}

.column{
	width: 300px;
	background: rgba(194,194,194,1.00);
	min-height: 200px;
	gap: 5%;
	margin-left: 10px;
    margin-right: 10px;
}

.column2{
	width: 600px;
	background: rgba(255,255,255,1.00);
	min-height: 200px;
	gap: 5%;
	margin-left: 10px;
    margin-right: 10px;
}

.column3{
	background: rgba(255,255,255,1.00);
	min-width: 600px;
	min-height: 30px;
	gap: 5%;
	margin-left: 10px;
    margin-right: 10px;
}

.column4{
	background: rgba(255,255,255,1.00);
	min-width: 30px;
	min-height: 30px;
	gap: 5%;
	margin-left: 10px;
    margin-right: 10px;
}

.column5{
	width: 450px;
	background: rgba(194,194,194,1.00);
	min-height: 200px;
	gap: 5%;
	margin-left: 10px;
    margin-right: 10px;
}

.column6{
	width: 300px;
	background: rgba(255,255,255,1.00);
	min-height: 200px;
	gap: 5%;
	margin-left: 10px;
    margin-right: 10px;
}

.column7{
	width: 300px;
	background: rgba(255,255,255,1.00);
	gap: 5%;
	margin-left: 10px;
    margin-right: 10px;
}

.column8{
	width: 100px;
	background: rgba(255,255,255,1.00);
	gap: 5%;
	margin-left: 10px;
    margin-right: 10px;
}

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