
@media (max-width: 1000px) {
	.subtitle, .title, .left-title {
		padding: 10px;
	}
	.col {
		margin: 0 10px;
	}
	.menu-logo {
		width: 150px;
	}
	.menu-shape {
		width: 80px;
		height: 80px;
	}

	.footer .col {
		width: calc(100% - 20px);
		float: left;
	}
	.hide-on-small {
		display: none;
	}
	.textarea {
		width: calc(100% - 20px);
	}

	.large {
		font-size: 20px;
	}
	.shapes {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 90vh;
		align-items: center;
		justify-content: space-around;
	}

	.shape {
		position: relative;
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: center;
		align-items: center;
		border-radius: 2vw;
		overflow: hidden;
		max-width: 20vh;
		max-height: 20vh;
		transition: transform 0.25s;
	}

	.square, .circle, .star, .hexagon {
		position: relative;
	    display: flex;
	    top: auto;
	    left: auto;
	    width: 300px;
	    height: 300px;
	}
	.circle {
		border-radius: 50%;
	}
	.star-inner {
		width: 300px;
		height: 300px;
	}
	.hexagon {
		height: 200px;
	}

	.single .menu-row {
		position: relative;
		padding: 10px;
		box-sizing: border-box;
	}

	.menu-col {
		width: 100%;
		clear: both;
		float: top;
		position: relative;
		display: block;
	}
	.block {
		display: flex;
		width: 100%;
		flex-direction: column-reverse;
	}
	.menu-col {
		margin: 0;
		width: 100%;
		height: auto;
	}

	.menu {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-around;
		right: 0;
		top: 0;
		padding: 10px;
	}
	.card {
		margin: 10px 5px;
		padding: 15px;
		width: calc(100vw - 10px);
		max-height: 50vh;
		/*overflow-y: scroll;*/
	}
	.color-picker {
		margin-bottom: 10px;
	}
	.swatch {
		height: 40px;

		display: block;
		width: 20%;
		/*margin: 0.5px;*/
		box-sizing: border-box;
		cursor: pointer;
	}
	.playbutton {
		width: 50px;
		height: 50px;
		top: 0;
		position: sticky;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.podcast .card-info {
		width: calc(100% - 70px);
		overflow-y: scroll;

	}
	.card:first-of-type {
		margin-left: 0;
	}
	.slider, .col-full.col-5 {
		width: 100%;
		float: left;
		clear: both;
		position: relative;
		display: block;
	}
	.slider.fullheight {
		min-height: auto;
	}
	.slider:before {
		width: 10px;
	}
	.slider:after {
		width: 10px;
	}

	.page-slider img  {
		margin-right: 10px;
	}
	.arrows {
		display: block;
		float: left;
		clear: both;
		/*background-color: red;*/
		height: 50px;
		/*overflow: hidden;*/
	}
	.slick-prev, .slick-next {
		padding: 0;
		width: 50%;
		position: relative;
		top: 0;
		float: left;
		left: auto;
		height: 50px;
		right: auto;
	}
	.slick-prev:before, .slick-next:before {
		position: relative;
		display: flex;
		float: left;
		padding: 10px;
		box-sizing: border-box;
		height: 50px;
		width: 50vw;
		opacity: 1;
		align-items: center;
		flex-direction: row;
	}
	.slick-prev:before {
		justify-content:  flex-start;
	}
	.slick-next:before {
		justify-content:  flex-end;
	}

	.large {
		font-size: 20px;
	}
	.small, blockquote, figcaption  {
		font-size: 16px;
	} 

	p img {
		clear: both;
		/*margin: 10px 10px 10px 0;*/
	}
	blockquote {
		max-width: 100%;
		margin-bottom: 10px;
		/*margin: 10px 10px 10px 0;*/
	}
	blockquote:nth-of-type(2n) {
		/*margin: 10px 0px 10px 10px*/
	}


}