@media(max-width:768px){

    #header .logo-box{max-height: var(--header-height);}
    #menu{max-height: 0vh; top: var(--header-height); z-index: -1; background: rgba(255,255,255,.95);}
    #header.opened #menu{max-height: 100vh; box-shadow: 0px 0px var(--10px) var(--5px) rgba(0,0,0,.25);}
	#menu li{padding: 15px 0px;}
	#menu li::after{ 
		width: 75%; 
		height: 1px; 
		bottom: 0px;
	}
	
	#header > div{border-bottom: 2px solid var(--success-color)}
	#banner{height : 100vw; max-height : 360px;}
	.place > div:first-child{margin-bottom: 10px}
	.activity:not(:last-child) > div{border-width: 2px;}
	
	.content   h1.second,.content  header h1{margin-left: 0;}
	.section h2{font-size : 32px;}
}