@media only screen and (min-width:360px) and (max-width:700px){
	.main-container{
		padding:0;
		margin:2px;
	}
	.menu-container{
		width:100%;
		height:auto;
		display:flex;
		position:relative;
		left:0;
	}
	.menu-container .menu{
		display:flex;
	}
	.menu-container .menu li{
		margin-left:5px;
		width:100%;
	}
	.menu-container .menu li a{
		font-size: 16px;
		font-weight:5;
	}
	.menu-container .menu li>ul.dropdown{
		width:150%;
		left:-10px;
	}
	.menu-container .menu li>ul.dropdown li{
		width:100%;
	}
	.logo-area{
		margin-top:5px;
	}
	.logo-img{
		width:250%;
		margin-top:-20px;	
		margin-bottom:40px;
	}
	.logo-img>img{
		width:100%;
	}
	.logo-word{
		width:602%;
		position:relative;
	}
	.main-body div:nth-child(1) ol>li{
		height:auto;
		width:100%;
	}
	
}
@media only screen and (min-width:701px){
	.logo-area{
		display:flex;
		margin-top: 20px;
	}
	.logo-img>img{
		width:200px;
		position:relative;
		top:-29px;
		left:-10px;
		border-radius:20px;
	}
	.logo-word{
		width:80%
	}
	.logo-word>img{
		width:100%;
		position:relative;
		height:60px;
		top:30px;
		left:-10px;
	}
}