/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
	.page {
		background-image: url(../img/main-bg2.jpg);
	}
	.dress-code__title {
		color: #474140;
	}
	.dress-code__text {
		color: #474140;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 1024px) {
	.secret {
		/*display: none;*/
	}
	html {
		overflow-x: hidden;
	}
	.top-section__inner	{
		display: block;
		position: relative;
	}
	.top-section__left {
		padding-top: 0;
		background-image: none;
	}
	.top-section__title {
		position: absolute;
		top: 30px;
		left: 0px;
		width: 100%;
		font-size: 14px;
		margin-left: 0;
	}
	.top-section__left {
		width: 400px;
		max-width: 90%;
		margin: auto;
		padding-top: 250px;
	}
	.top-section__persons {
		position: absolute;
		top: 80px;
    	left: 8px;
		width: 100%;
		font-size: 142px;
		line-height: 0;
		margin-top: 0;
	}
	.top-section__persons span {
		display: block;
	}
	.top-section__persons span:nth-child(2) {
		font-size: 120px;
		position: relative;
	    top: 45px;
	    left: 38px;
	}
	.top-section__persons span:nth-child(3) {
		margin-top: 99px;
    	margin-left: -20px;
	}
	.top-section__right {
		padding-top: 0;
	}
	.top-section__date {
		margin-top: 0;
	}
	.top-section__tag {
		font-size: 30px;
		padding: 20px 30px;
		margin-top: 15px;
	}
	.top-section__counter {
		padding-top: 50px;
	}
	.counter__title {
		font-size: 14px;
		letter-spacing: 2px;
	}
	.counter__value {
		width: 68px;
		height: 68px;
		border: 5px solid #e4b0a5;
		font-size: 19px;
	}
	.plan {
		margin-top: 15px;
	}
	.plan__title {
		font-size: 72px;
	}
	.plan__description {
		font-size: 14px;
		line-height: 1.3;
	}
	.plan__block-title {
		font-size: 72px;
	}
	.plan__block-time {
		font-size: 18px;
		min-width: 105px;
		width: 105px;
	}
	.plan__block-value {
		font-size: 14px;
	}
	.plan__block-img_1 {
		top: -62px;
    	left: -146px;
	}
	.plan__block-img_2 {
		right: -20px;
    	top: 67px;
	}
	.plan__block-img_3 {
		right: -32px;
	    bottom: 0;
	    z-index: 11;
	    width: 130px;
	}
	.present__title {
		font-size: 72px;
	}
	.present {
		margin-top: 40px;
		position: relative;
		z-index: 10;
	}
	.present__text {
		font-size: 14px;
		margin-top: 25px;
	}
	.present__image img {
		max-width: 70%;
	}
	.confirm {
		margin-top: 20px;
	}
	.confirm__title {
		font-size: 72px;
	}
	.confirm .container:before {
		width: 140px;
		background-size: contain;
		background-repeat: no-repeat;
		left: auto;
		right: -30px;
    	top: -60px;
    	z-index: 100;
	}
	.confirm__text {
		margin-top: 20px;
		font-size: 14px;
	}
	.confirm .container {
		padding-bottom: 30px;
	}
	.dress-code {
		margin-top: 60px;
		position: relative;
		z-index: 10;
	}
	.dress-code__title {
		font-size: 72px;
	}
	.dress-code__text {
		font-size: 14px;
		line-height: 1.3;
	}
	.dress-code__images {
		margin-top: 20px;
		
		position: relative;
		z-index: 100;
		flex-wrap: wrap;
	}
	
	.dress-code__image {
		width: 50%;
		
	}
	.dress-code__image:nth-child(1) {
		order: 1;
	}
	.dress-code__image:nth-child(2) {
		order: 2;
	}
	.dress-code__image:nth-child(3) {
		order: 4;
	}
	.dress-code__image:nth-child(4) {
		order: 3;
		margin-top: -13%;
	}
	.dress-code__image:nth-child(5) {
		order: 5;
		width: 100%;
		margin-top: -1%;
	}
	.questions {
		margin-top: 0px;
		padding-top: 10px;
		background-image: url(../img/block-bg.jpg);
	}
	.questions__text {
		margin-top: 30px;
		font-size: 14px;
	}
	.questions__title {
		font-size: 72px;
	}
	.questions__items {
		display: block;
	}
	.questions__item {
		width: 100%;
	}
	.questions__item-name {
		margin-right: 0px; /*50*/
	}
	.questions__title-2 {
		font-size: 72px;
	}
	.top-section__img {
		position: relative;
		z-index: 100;
	}
	.plan__description br,
	.dress-code__text br,
	.questions__text br {
		display: none;
	}
	.plan__description p,
	.dress-code__text p,
	.questions__text p {
		margin-bottom: 10px;
	}
	.plan__block-inner {
		padding-bottom: 45px;
		box-shadow: 0px 0px  59px 25px rgba(79,70,70,0.15);
	}
	.present {
		background-image: url(../img/bg-3-mobile.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		padding-bottom: 60px;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-color: #fff;
		margin-top: 80px;
	}
	.confirm:before {
		background-image: url(../img/bg-2-mobile.png);
		height: 250px;
		width: 100%;
		-webkit-background-size: cover;
		background-size: cover;
		top: -75px;
		z-index: 100;


	}
	.confirm .container {
		position: relative;
		z-index: 200;
	}
	.dress-code:before {
		content: '';
		display: block;
		background-image: url(../img/bg-dress-mobile.jpg);
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		width: 100%;
		height: 309px;
		position: absolute;
		
		left: 0px;
		top: -17px;
	    left: 0px;
	    z-index: 1;
	}
	.dress-code .container {
		position: relative;
		z-index: 10;
	}
	.dress-code__title {color: #fff;}
	.dress-code__text {
		color: #fff;
	}
	.map {
		height: 300px;
	}
	.questions__title-2 {
		margin-top: 20px;
	}
	.plan__description {
		padding-top: 30px;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.page {
		background-image: url(../img/main-bg-mobile.jpg);
	}
	.confirm__title {
		max-width: 215px;
		margin-left: auto;
		margin-right: auto;
	}
	.confirm:before {
		height: 325px;
		top: -34px;
	}
	.dress-code {
		margin-top: 38px;
	}
}
@media only screen and (max-width : 480px) and (min-width : 370px) {
	
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}