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

.body-contact {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
a {
	text-decoration:none;
}
.social a{
	padding: 20px;
	color: #7b7c7c;
	font-size: 1.1rem;
}
#contact {
	position: absolute;
	left: 50%;
	top: 318px;
	transform:translate(-50%,-50%);
	display:flex;
	align-items:center;
}
.social {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
	box-shadow:2px 2px 30px rgba(0,0,0,0.1);
}
.social a:hover {
	color:#000000;
	transition: all ease 0.3s;
}
.contact-box {
	background-color:#666666;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding: 30px 30px;
	box-shadow: 2px 0px 30px rgba(0,0,0,0.1);
}
.c-heading h1 {
	font-family:roboto;
	color:#e7eef3;
	font-size:2.5rem;
	font-weight:lighter;
	margin:0px;
	padding:0px;
}
.c-inputs {
	margin: 15px 0px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.c-inputs input {
	width:300px;
	height:45px;
	background-color:transparent;
	border:none;
	border-bottom: 1px solid rgba(251,251,251,0.1);
	outline:none;
	margin: 10px 0px;
	padding: 10px;
	box-sizing: border-box;
	color: #f4f4f4;
	display:flex;
}
.c-inputs #contact-img {
	width:300px !important;
	height:200px !important;
	outline:none;
	background-color: rgba(0,0,0,0.1);
	border: 1px solid rgba(82,82,82,1);
	color:#f4f4f4;
	padding:10px;
	font-size:1.2em;
	box-sizing: border-box;
}
.c-inputs button {
	width:200px;
	height:40px;
	background-color: #ffffff;
	border:none;
	outline:none;
	margin-top:20px;
	border-radius: 10px;
	box-shadow: 2px 2px 30px rgba(0,0,0,0.1);
	letter-spacing: 1px;
}
.c-inputs input:focus {
	border-bottom: 1px solid rgba(252,252,252,1.00);
	transition:all ease 0.5s;
}
.c-inputs textarea:focus {
	border: none;
	border-bottom: 1px solid rgba(255,255,255,1.00);
	transition:all ease 0.5s;
}
.c-inputs button:active {
	transform:scale(1.02);
}
.map {
	filter:grayscale(0.2);
	box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
	border: 2px solid #FFFFFF;
}
.atmore {
	position:relative;
	top:700px;
	border-top: 1px solid #999;
}
.atmore h1 {
	text-align:center;
	font-family:roboto;
	font-size:2.5rem;
	font-weight:lighter;
}
.atmore p {
	text-align:center;
	font-family:roboto;
	font-weight:lighter;
	font-size:1.0rem;
	padding-bottom:20px;
}
.atmore-iframe {
	margin:0;
	margin-bottom:40px;
	margin-left:15%;
	margin-right:15%;
	width:70%;
	filter:grayscale(0.2);
	box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
	border: 2px solid #FFFFFF;
	
}
.flomaton {
	position:relative;
	top:700px;
	border-top: 1px solid #999;
}
.flomaton h1 {
	text-align:center;
	font-family:roboto;
	font-size:2.5rem;
	font-weight:lighter;
}
.flomaton p {
	text-align:center;
	font-family:roboto;
	font-weight:lighter;
	font-size:1.0rem;
	padding-bottom:20px;
}
.flomaton-iframe {
	margin:0;
	margin-bottom:40px;
	margin-left:15%;
	margin-right:15%;
	width:70%;
	filter:grayscale(0.2);
	box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
	border: 2px solid #FFFFFF;
	
}
.frisco {
	position:relative;
	top:700px;
	border-top: 1px solid #999;
}
.frisco h1 {
	text-align:center;
	font-family:roboto;
	font-size:2.5rem;
	font-weight:lighter;
}
.frisco p {
	text-align:center;
	font-family:roboto;
	font-weight:lighter;
	font-size:1.0rem;
	padding-bottom:20px;
}
.frisco-iframe {
	margin:0;
	margin-bottom:40px;
	margin-left:15%;
	margin-right:15%;
	width:70%;
	filter:grayscale(0.2);
	box-shadow: 2px 2px 30px rgba(0,0,0,0.2);
	border: 2px solid #FFFFFF;
	
}
.c-inputs #h-text {
	font-family:roboto;
	color:#e7eef3;
	font-size:0.9rem;
	font-weight:lighter;
	margin:0px;
	padding:0px;
}
.c-inputs #p-text {
	font-family:roboto;
	color:#e7eef3;
	font-size:0.8rem;
	font-weight:lighter;
	margin:0px;
	padding:10px;
}
.c-inputs #p-text2 {
	font-family:roboto;
	color:#e7eef3;
	font-size:0.8rem;
	font-weight:lighter;
	margin:0px;
	padding:10px;
	text-align:center;
}
@media screen and (max-width: 1980px) and (min-width: 600px){
	.atmore {
		display:none;
	}
}
	
@media(max-width:700px) {
	.map{
		display:none;
	}
	
}
@media (max-width:450px) {
	.social {
		display:none;
	}
	.contact-box {
		width:100%;
		height:100vh;
		box-sizing:border-box;
	}
	#contact {
		position:static;
		transform:translate(0,0);
		width:100%;
		height:100vh;
		box-sizing:border-box;
	}
	.c-heading h1 {
		font-size:2.2rem;
		text-align:center;
	}
}
footer {
	width:100%;
	border:none;
	display:block;
	position:relative;
	top:800px;
	max-height:600px;
	
	
}