@media (max-width: 1160px) {
	HTML {
		font-size: 14px;
	}
	.inner {
		max-width: 1000px;
	}
	.content {
		width: 70%;
		padding-right: 20px;
	}
	.aside {
		width: 30%;
	}
		.aside-block {
			padding-left: 20px;
			padding-right: 20px;
		}
}

@media (max-width: 1040px) {
	.inner {
		max-width: 900px;
	}
	.input-text {
		padding: 15px;
		font-size: 16px;
	}

	.valentine-page .share-block {
		margin-top: 25px;
	}
	.valentine-page .share-block.share-block-bottom {
		margin-top: 20px;
	}
	.valentine-page .share-block span {
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}
	.valentine-page .share-block.share-block-bottom span {
		margin-left: 5px;
		margin-right: 5px;
	}
}

@media (max-width: 920px) {
	HTML {
		font-size: 12px;
	}
	h3, .h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.inner {
		max-width: 800px;
	}
	.aside-block {
		padding-top: 20px;
	}
	.person {
		-webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
         align-items: center;
	}
	.person-image {
		margin: 0 0 30px;
	}
	.person-text {
		text-align: center;
	}
	.button {
		height: 60px;
		line-height: 60px;
	}
}

@media (max-width: 820px) {
	.flex-layout {
		-webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
	}
	.content,
	.aside {
		width: 100%;
		padding: 0;
	}
	.inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.page-head.flex-layout {
		-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	}
}

@media (max-width: 767px) {
	.page {
		margin-top: 58px;
	}
	.oh .popup {
		left: 0;
	}
	.share-block.share-block-bottom {
		padding-left: 0;
		padding-right: 0;
		text-align: left;
		white-space: nowrap;
	}
	.share-block.share-block-bottom span:first-child {
		margin-left: 0;
	}
	.share-block.share-block-bottom span:last-child {
		margin-right: 0;
	}

}

@media (max-device-width: 767px) {
	.page {margin-top: 90px;}
}

@media screen and (max-device-width: 767px) {
	.page {
		margin-top: 38px;
	}
}

@media (max-width: 660px) {
	.editor-container,
	.overlay {
		width: 320px;
		height: 320px;
	}
	.editor-container {
		margin: 0 auto;
	}
	.overlay {
		background-size: contain;
	}
	.editor-submit {
		margin-top: 30px;
	}
}

@media (max-width: 600px) {
	.popup {
		padding-left: 20px;
		padding-right: 20px;
	}
	.close {
		margin: 30px 0;
		font-size: 20px;
	}
	.tip {
		margin-top: 50px;
		text-align: center;
	}
	.inner {
		margin: 30px 0;
		padding-left: 0;
		padding-right: 0;
	}
	.page-head {
		padding: 0 20px;
	}
	.h1 {
		margin: 49px 0 30px;
		font-size: 24px;
		line-height: 30px;
		text-align: center;
	}
	.h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.subhead {
		font-size: 21px;
		line-height: 26px;
		text-align: center;
	}
	.person-text,
	.content P,
	.content P.quote {
		font-size: 18px;
		line-height: 25px;
	}
	.content {
		padding: 0 20px;
		margin: 0 0 20px;
	}
	.message {
		font-size: 16px;
	}
	.input-text {
		font-size: 16px;
	}
	.image-upload {
		margin: 30px 0;
	}
	.image-upload .label {
		display: none;
	}
	.field-name {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.form-head {
		margin: 0 0 25px;
		padding: 0 0 20px;
	}
	.row {
		margin: 0 0 20px;
	}
}

@media (max-width: 340px) {
	.editor-container,
	.overlay {
		width: 280px;
		height: 280px;
	}
	.valentine-page .share-block.share-block-bottom span {
		margin-left: 3px;
		margin-right: 3px;
	}
	.valentine-page .share-block.share-block-bottom span:first-child {
		margin-left: 0;
	}
	.valentine-page .share-block.share-block-bottom span:last-child {
		margin-right: 0;
	}
	.valentine-page .share-block.share-block-bottom a[data-flip-widget] {
		margin-left: 3px;
		margin-right: 3px;
	}
}