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

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

.container{
	background: #FFFFFF;
	margin: auto;
}

.aside-left{
	width: 48%;
	background:#F5E4FC;
	min-height: 350px;
	float: left;
	margin: auto;
	padding:4%;
	box-sizing: border-box;
}

.aside-right{
	width: 48%;
	background:#F5E4FC;
	min-height: 350px;
	float: left;
	margin:auto ;
	padding:4%;
	box-sizing: border-box;
}

.main{
	background:#F5E4FC;
	min-height: 350px;
	padding: 2%
}

.row{
	padding: 1%;
	background: #FFFFFF;
	display:flex;
	gap:2%;
	justify-content: center;
}

.column{
	width: 30%;
	background:#FFFFFF;
	min-height: 300px;
	padding: 1% 2%;
	box-sizing: border-box;
}

.pic{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
}

.navi{
	list-style: none;
	display: flex;
	gap: 2%;
	align-items: center;
	justify-content: center;
	min-height: 90px;
}

.navi a:link, a:active {
	color:#573636;
	text-decoration: none;
	font-family: 'Mukta', sans-serif;
	font-size: 1.5em;
} 

.navi a:hover {
	color:#42513F;
	text-decoration: underline;
}

.navi a:visited {
	color:grey;
}

h2{
	text-align: center;
	font-family: 'Mukta', sans-serif;
	font-size: 1.5em;
}

h3{
	text-align: center;
	font-family: 'Mukta', sans-serif;
	font-size: 1em;
}

p{
	margin-left:4%;
	margin-right:4%;
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
}

h4{
	text-align: left;
	font-family: 'Mukta', sans-serif;
	font-size: 1em;
}

h5{
	text-align: left;
	font-family: 'Quicksand', sans-serif;
	font-size: 1em;
}

footer{
	padding-bottom: 2%;
	min-height: 50px;
	background:#FFFFFF;
	min-width:80%;
	margin: auto;
	clear:both;
}

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