@charset "utf-8";
/* CSS Document */

		a:link { text-decoration: none; color: #fff; }

		a:visited
				{
					text-decoration: none;
					color:#fff;
				}

		a:hover { text-decoration: none;color: #fff; }

		a:active { text-decoration: none; }
		
		html,body{ scroll-behavior: smooth}
		h1{
			font-size: 24px
		}
		.header_one
					{
						padding-right: 50px
					}
		.header_two
					{
						font-size: 24px;
						font-weight: bold;
					}
		.button-contact
					{
						height: 40px;
						min-width: 200px;
						width: 80%;
						border-radius: 10px;
						background-color: #a7a0a047;
						color: #7d5d4f;
						border-color: #7d5d4f;
						font-size: 16px;
					}
		.active-button-contact
					{
						height: 40px;
						min-width: 200px;
						width: 80%;
						border-radius: 10px;
						background-color: #6d9e44e6;
						color: #dbdddbe6;
						border-color: #7d5d4f;
						font-weight: bold;
						font-size: 16px;
						cursor: pointer;
					}
		.message-contact
					{
						min-width: 200px;
						width: 80%;
						font-size: 20px;
					}
.white_page_span
		{
			padding-left: 15%;
			width: 85%; 
			background-color: #ffffffc9; 
			color: black;
			top: 35%;
			position: relative;
			font-size: 30px;
			font-family: sans-serif;
			height: auto;
			padding-bottom: 25px;
			padding-top: 15px;
			border-radius: 0px;
		}
		.span_text_box
		{
			font-size: 22px;
			padding-right: 15%;
			max-width: 600px;
			display: inline-block;
			font-weight: normal;
		}
		.form-input-group
			{
				margin-bottom: 15px;
			}
		.form-input
			{
				height:30px;
				font-size: 20px;
				margin-bottom: 15px;
				min-width: 200px;
			    width: 80%;
			}
		.intro_box{
					margin-left: 15%;
					width: 18%;
					min-width: 180px;
					max-width: 600px;
					color: white;
					position: relative;
					font-size: 30px;
					font-family: sans-serif;
					padding-bottom: 120px;
					padding-top: 90px;
					background-color: #7f66654a;
					height: auto;
					margin-bottom: 200px;
					padding-left: 40px;
					padding-right: 20px;
					border-radius: 20px;
					top: 130px;
		}
		.contact_box{
					margin-left: 15%;
					width: 80%;
					min-width: 220px;
					max-width: 600px;
					color: white;
					position: relative;
					font-size: 30px;
					font-family: sans-serif;
					padding-bottom: 120px;
					padding-top: 90px;
					background-color: #7f66654a;
					height: 80%;
					margin-bottom: 200px;
					padding-left: 40px;
					padding-right: 20px;
					border-radius: 20px;
					top: 130px;
		}
		.bottom_page_span
				{
					padding-left: 15%;
					padding-right: 15%;
					width: 70%; 
					background-color: #7f6665cc; 
					color: #fff;
					bottom: 0;
					position: relative;
					font-size: 16px;
					font-family: sans-serif;
					height: auto;
					padding-bottom: 25px;
					padding-top: 15px;
					border-radius: 3px;
					border-bottom-right-radius: 0px;
					border-bottom-left-radius: 0px;
				}
		.copyright_span
				{
					font-size: 14px;
				}
		.link
				{
					cursor: pointer;
				}
		.brown_page_spacer
				{
					width: 100%; 
					background-color: #7f6665cc; 
					top: 35%;position: relative;
					font-size: 30px;
					font-family: sans-serif;
					height: 200px;
					padding-top: 15px;
				}
		.brown_page_spacer_top
				{
					width: 100%;
					background-color: #7f6665cc;
					top: 35%;
					position: relative;
					font-size: 30px;
					font-family: sans-serif;
					height: 25px;
					padding-top: 15px;
					border-radius: 7px 7px 0px 0px;
				}
		.brown_page_spacer_bottom
				{
					width: 100%;
					background-color: #7f6665cc;
					top: 35%;
					position: relative;
					font-size: 30px;
					font-family: sans-serif;
					height: 25px;
					padding-top: 15px;
					border-radius: 0px 0px 7px 7px;
				}
@media only screen and (max-width: 500px)
				{
					.header_one
						{
							padding-right: 120px
						}
					.white_page_span
						{
							padding-left: 10%;
							width: 90%;  
						}
					.span_text_box
						{
							padding-right: 10%;
						}
					.intro_box
						{
							margin-left: 10%;
						}
					.contact_box
						{
							margin-left: 3%;
						}
				}