@media only screen and (min-device-width : 360px) and (max-device-width : 767px){
	
	.sp-sitebar > *:first-child {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	
	.sp-sitebar > * > * {
		width: 100%;
	}
	
	.sp-top-menu-item {
		font-size: 0.9rem;
	}
	
	header {
		height: auto;
	}
	
	header {
		padding: [DEFAULT-UNIT] calc([DEFAULT-UNIT]*2);
	}
	
	header > *:first-child {
		margin: 0 0 [DEFAULT-UNIT];
		justify-content: flex-start;
		position: relative;
	}
	
	.sp-menu {
		width: 100%;
		display: flex;
		margin: 0;
		padding: 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.sp-menu-item {
		font-size: 0.9rem;
		padding: 0;
		margin: 0;
		width: auto;
	}
	
	.sp-menu-item:first-child {
		display: none;
	}
	
	.sp-content-image-top {
		height: calc([LARGE-UNIT]*4);
	}
	
}