.intromenu, .customize-mobile, .chatbtn{
	display:none;
}
@media screen and (max-width:1190px){
	body, input{
		font-size:15pt;
	}
	.customize .insides, .basnicka .insides{
		padding:0.5em 1.1em;
	}
	.customize{ width:10rem; }
	.customize .galleryimg{
		width:3.5rem;
	}
	.customize .color{
		margin-right: 0.18em;
		margin-bottom: 0.18em;
	}
	.basnicka{ margin-left:12rem; }
	.content{ right: 14rem; }
	.chat{ width:14rem; font-size:0.8em; }
}
@media screen and (max-width:700px){
	.main{
		z-index:5;
	}
	.top{
		padding:0;
		overflow:hidden;
	}
	.menu{
		position: fixed;
		width:100%;
		left: 100%; right:0;
		top: 0; bottom:0;
		background: white;
		padding: 0;
		margin: 0;
		padding-top: 0.5em;
		transition:all 0.2s;
	}
	.menu li{
		display: block;
		font-size: 2em;
		margin-right: 0;
		padding-left: 0.5em;
		line-height: 1em;
	}
	.close, .hamburger{
		background:url('img/close-button.svg') center center no-repeat;
		background-size:100% 100%;
		width:2rem; height:2rem;
		
		top: 0.5em;
		right: 0.5em;
		position: absolute;
	}
	.hamburger{
		background:url('img/menu.svg') center center no-repeat;
	}
	.close{
		width:1.2em;height:1.2em;
		top:1em;right:1em;
	}
	.menu .close{
		width: 0.7em;
		height: 0.7em;
		top: 0.4em;
		right: 0.2em;
	}
	.menu.opened{
		left:0;
	}
	.content{
		right:0;
	}
	.cart{
		margin-right:3em;
		margin-bottom:0.5em;
	}
	.chat{
		width: 100%;
		background: white;
		font-size: 0.8em;
		right:100%;
		top: 0;
		position: fixed;
		font-size:1em;
		transition:all 0.2s;
	}
	.chat h2{
		padding:1em;
	}
	.chat.opened{
		right:0;
	}
	.logo{
		margin-left: 0.5em;
		margin-top: 0.2em;
	}
	.intromenu{
		display:block;
		margin-top: 1em;
		list-style: none;
		font-size: 1.25em;
		font-weight: bold;
	}
	.intromenu li{
		margin-bottom:0.1em;
	}
	.page_listing li {
		font-size: 1.2em;
		padding-bottom: 0.75em;
	}
	.basnicka{
		overflow:hidden;
		margin-left:0;
	}
	.basnicka .insides{
		padding: 0 0.75em;
	}
	.under_poem{
		text-align:center;
	}
	.customize{
		position:relative;
		width:100%;
	}
	.customize-desktop{
		display:none;
	}
	.customize-mobile{
		display:block;
		border:none;
		text-align:center;
	}
	.customize-mobile .galleryimg{
		width:40%;
	}
	.customize .color{
		width: 20vw;
		height: 20vw;
		margin: 0;
	}
	.alert .box{
		padding:1em;
	}
	.alert img{
		max-width:100%;
	}
	.chatbtn{
		display:block;
		position:fixed;
		bottom:1em; right:1em;
		width:2em; height:2em;
		
		background:black url('img/chatbtn-white.svg') center center no-repeat;
		background-size:70% 70%;
		/*border:2px solid black;*/
		
		z-index:6;
		animation-play-state:initial;
		transform-origin: 50% 50%;
	}
	.chatbtn.hidden{
		display:none;
	}
	.homepage{
		padding:1em;
	}
}