@media only screen and (max-width : 667px)
{
	body {
		padding-top:0;
	}
	
	header {
		position:relative;
		margin-bottom:0;
		z-index: 100000;
	}

	.admin-bar header {
		top:0;
	}

	.logo {
		width:120px;
	}
	.topbar .motto {
		padding-left: 140px;
		padding-right: 85px;
	}
	
	#mobile-menu-switcher {
		display:block;
		position: fixed;
		top: 15px;
		right: 15px;
		padding:20px;
		font-size: 2rem;
		color: var(--fuxia);
		z-index: 900;
		background: var(--grey-light);
		border-radius: 10px;
		box-shadow: var(--box-shadow);
		text-align: center;
		transition:right 1s ease-in-out;
	}
	#mobile-menu-switcher .icon,
	#mobile-menu-switcher-close .icon {
		margin: 0;
	}
	#mobile-menu-switcher-close {
		display:block;
		position: fixed;
		top: 15px;
		right: -150px;
		font-size: 2rem;
		color: var(--grey-light);
		z-index: 120000;
		padding: 14px 0;
		text-decoration:none;
		transition:right 1s ease-in-out;
	}
	header:hover + #mobile-menu-switcher-close {
		right: 15px;
	}
	header:hover #mobile-menu-switcher {
		right: -150px;
	}
	
	header .nav-menu {
		position: fixed;
		z-index: 10000;
		top: 0;
		left: 100%;
		padding:100px 30px 30px 30px !important;
		background: var(--red-dark);
		height: 100%;
		width: 100%;
		transition: left .3s ease-in-out;
		transition-delay:.5s;
		overflow:auto;
	}
	header .nav-menu.main {
		padding-top: 100px;
	}
	header .nav-container:hover .nav-menu {
		left:0;
	}
	header .nav-menu ul a {
		display: block;
		border:0;
		color:#fff;
	}
	header .nav-menu ul li {
		display: block;
		text-align: left;
	}
	header .nav-menu ul li ul {
		display: block;
		background: transparent;
		position: relative;
		box-shadow: none;
		margin: 0;
		padding: 0 0 30px 30px;
		border-left: ;
	}
	.nav-menu .mycart {
		position: absolute;
		top: 30px;
		left: 50px;
		width: calc(100% - 140px);
	}

	.nav-top,
	header .logo {
		height: auto;
	}

	header .nav-menu ul li:hover {
		box-shadow:none;
	}

	header .nav-menu ul li.current-menu-item,
	header .nav-menu ul li.current-menu-ancestor {
		box-shadow:none;
	}
	
	header .nav-menu ul li ul li.current-menu-item a,
	header .nav-menu ul li ul li a:hover,
	header .nav-menu ul li.current-menu-item a,
	header .nav-menu ul li.current-menu-ancestor > a {
		color:var(--beige-light);
	}

	header .nav-menu ul li:hover ul {
		display:block;
	}
	
	.nav-top-container {
		position: relative;
		right: 0;
		bottom: 0;
		text-align: center;
		font-size: 2rem;
		clear: both;
		padding-top: 50px;
	}
	
	h1 {
		text-align: center;
	}
	
	input, select, textarea {
		margin-bottom:10px;
	}
	
	.home #contents .wp-block-group:first-of-type {
		padding-top: 80px !important;
	}
	
	footer .logo {
		text-align: right;
	}
	footer .grid.w4.s8 {
		float: right;
		margin-top: 30px;
		text-align: left;
	}
}