/*--------------------------------------*/
/*--------------------------------------*/
/*---------ADD YOUR CSS STYLES----------*/
/*--------------------------------------*/
/*--------------------------------------*/

body {  background-image: url(images/body-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #997c3c;
	line-height: 32px;
	font-family: Libre Baskerville;
	min-height: 100vh;
	height:100vh;
	position:relative; }
	form.wc-form.wc-submitted {
		min-height: 400px;
	}
	p { margin-top:0; margin-bottom:25px; }

	a { color:#997c3c; }

	img { max-width:100%; }

	.wrapper { position: absolute;
		background: #291d0f;
		width: 70%;
		right: 0;
		border-left: 1px solid #7b6c4c;
		height: 100vh;
	}

	.wrapper-inner { max-width:550px; }

	.header { position: relative;
		padding-left: 15%;
		padding-top: 22%;
		margin-bottom: 30px; }

		.header p { margin: 0;
			max-width: 350px; }

			.header p img { width: 150px;
				position: absolute;
				left: -105px;
				top:0; } 

				.header a { text-decoration: none;
					font-size: 36px;
					text-transform: uppercase; }

					.header a span.capital-main { display: block;
						text-align: right;
						font-size: 16px;
						letter-spacing: 5px; }

						.main { padding-left:15%; }

						.main p.contact-button { line-height: 64px;
							margin: 0;
							padding-top: 15px; }

							.main p.contact-button a { color: #c4b484;
								text-decoration: none;
								border: 4px double #997c3c;
								padding: 15px 40px;
								text-transform: uppercase;
								letter-spacing: 2px;
								font-size: 17px;
								transition: all 0.5s ease 0s; }

								.main p.contact-button a:hover { background:#997c3c; color:#291d0f; }

								.black_overlay {
									display: none;
									position: fixed;
									top: 0%;
									left: 0%;
									width: 100%;
									height: 100%;
									background-color: black;
									z-index:1001;
									-moz-opacity: 0.65;
									opacity:.65;
									filter: alpha(opacity=65);
								}

								.white_content {
									display: none;
									position: absolute;
									top: 12%;
									left: -10%;
									width: 70%;
									height: auto;
									padding: 30px;
									background-color: #291d0f;
									z-index: 1002;
									border: 4px double #997c3c;
									text-align: center;
								}

								.white_content .close-button { background: url(images/close-button.png) no-repeat center;
									width: 16px;
									height: 16px;
									display: block;
									text-decoration: none;
									border: 1px solid #c4b484;
									padding: 10px;
									border-radius: 100px;
									position: absolute;
									right: -50px;
									top: -50px; }

									.white_content form h3 { color: #997c3c;
										margin-top: 0;
										text-align: center;
										font-weight: normal;
										font-size: 20px;
										margin-bottom: 20px; }

										.contact-field{ margin-bottom:20px; }

										.contact-field input{ border:1px solid #997c3c; outline:none; border-radius:0px; padding:20px; color:#c4b484; text-align:center; font-size:18px; background:none; font-family: Libre Baskerville; }

										::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
											color: #c4b484;
										}

										:-ms-input-placeholder { /* Internet Explorer 10-11 */
											color: #c4b484;
										}

										::-ms-input-placeholder { /* Microsoft Edge */
											color: #c4b484;
										}

										.submit-button{ margin-bottom:0px; }

										.submit-button .submit{ background:#997c3c; outline:none; border-radius:0px; color:#291d0f; font-family: Libre Baskerville; min-width:269px; font-size:18px; padding:20px; text-align:center; border:none; text-transform:uppercase; cursor:pointer;}




/*----------------------------------------------------*/
/*-------------MEDIA QUERIES STARTS HERE--------------*/
/*----------------------------------------------------*/

@media only screen and (min-width:320px) and (max-width:568px) {

body { background-position:left; overflow:hidden; min-height:650px; }

.wrapper { width:80%; min-height:650px; }

.wrapper-inner { max-width:94%; }

.header { padding-left:70px; padding-top:50px; }

.header p { max-width:165px; }

.header p img {  width: 100px; left: -70px; }

.header a { font-size:40px; line-height:42px; }

.header a span.stone-mobile { font-size:18px; letter-spacing:1px; }

.header a span.capital-main { font-size: 13px; line-height: 24px; }

.main { padding-left: 30px; /*text-align: center;*/ line-height: 26px; font-size: 14px; }

.main p.contact-button { line-height:56px; padding-top:0; }

.main p.contact-button a {  font-size:15px; }

.white_content{  width: 80%; left: -14%; top: 12%; }

.contact-field input{ padding:10px; width:80%; font-size:14px; }

.submit-button .submit { min-width:90%; padding:10px; font-size:14px;  -webkit-appearance: none;	-moz-appearance: none;	appearance: none;}

.white_content .close-button{ right:-35px; }

form.wc-form.wc-submitted  { min-height: 300px; }

}






@media only screen and (min-width:569px) and (max-width:767px) {

body { background-position:left; min-height:750px; }

.wrapper { width:75%; min-height:750px; }

.wrapper-inner { max-width:94%; }

.header {  padding-left: 30%; padding-top: 60px; }

.header p { max-width:200px; }

.header p img {  width: 125px; left: -88px; }

.header a { font-size:50px; line-height:52px; }

.header a span.stone-mobile { font-size:18px; letter-spacing:1px; }

.header a span.capital-main { font-size: 13px; line-height: 24px; }

.main { padding-left: 30px; /*text-align: center;*/ }

.white_content{  width: 80%; left: -14%; top: 22%; }

.contact-field input{ padding:10px; width:80%; font-size:14px; }

.submit-button .submit { min-width:90%; padding:10px; font-size:14px;  -webkit-appearance: none;	-moz-appearance: none;	appearance: none;}

.white_content .close-button{ right:-35px; }

form.wc-form.wc-submitted  { min-height: 300px; }

}




@media only screen and (min-width:768px) and (max-width:980px) {

.wrapper { width:75%; }

.wrapper-inner { max-width:500px; }

.white_content { width:86%; left:-15%; }

.contact-field input { width:55%; }

.submit-button .submit { width:63%; }

}



@media only screen and (min-width:1680px) and (max-width:1920px) {

body { font-size: 20px; line-height: 40px; }

.wrapper-inner { max-width:700px; }

.header { padding-top:17%; }

.header p { max-width:445px; }

.header a { font-size:46px; }

.header a span.capital-main { font-size:20px; }

.main p.contact-button { padding-top:25px; }

.main p.contact-button a { font-size:20px; }

.white_content form h3 { font-size:26px; }

}




@media only screen and (min-width:1921px) and (max-width:2440px) {

body { font-size: 24px; line-height: 48px; }

.wrapper-inner { max-width:800px; }

.header { padding-top:20%; }

.header p { max-width:540px; }

.header p img { width:200px; left:-140px; }

.header a { font-size:56px; }

.header a span.capital-main { font-size:24px; }

.main p.contact-button { padding-top:25px; }

.main p.contact-button a { font-size:22px; }

.white_content form h3 { font-size:30px; }

}




@media only screen and (min-width:2441px) and (max-width:2999px) {

body { font-size: 28px; line-height: 60px; }

.wrapper-inner { max-width:950px; }

.header { padding-top:16%; }

.header p { max-width:650px; }

.header p img { width:200px; left:-140px; }

.header a { font-size:66px; }

.header a span.capital-main { font-size:30px; }

.main p.contact-button { padding-top:30px; }

.main p.contact-button a { font-size:24px; }

.white_content form h3 { font-size:30px; }

}