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


*{
box-sizing: border-box;	
}
	
body{
	background: #92bde7;
	color:#485e74;
	line-height:1.6;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, san-serif;
}
.container {
	padding: 1em;
	margin-right: auto;
	margin-left: auto;
	max-width: 1170px;
}
ul {
	padding: 0px;
	list-style-type: none;
}
.brand {
	text-align: center;
}
.brand span {
	color: #060;
}
.wrapper {
	box-shadow: 0 0 20px 0 rgba(72,94,116,0.7);
	}
.wrapper> *{
padding: 1em;	
	}
.company-info {
	background-color: #c9e6ff;
}
.company-info h3, .company-info ul {
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}
.company-info ul li {
	font-size: 1.2em;
	padding: 0px;
	margin: 0px;
	line-height: 1.5em;
}

.contact {
	background: #f9feff;
}
/* FORM STYLES */

.contact form {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:20px;

	}
	
.contact form label {
	display:block;	
	}
	
.contact form p {
	margin:0;	
		}
		
.contact form .full{
	grid-column: 1 / 3;
	}
	
	.contact form button, .contact form input, .contact form textarea {
	width:100%;
	padding:1em;
	border:1px solid #c9e6ff;
		}
	.contact form button {
		background:#c9e6ff;
		border:0;
		text-transform:uppercase;
	}
	
	.contact form button:hover, .contact form button:focus{
		background: #92bde7;
		color: #fff;
		outline:none;
		transition: background-color 1s ease-out;
	}

/*LARGE SCREENS*/

@media(min-width:700px){
	.wrapper{
	display:grid;
	grid-template-columns: 1fr 2fr;
	}
	.wrapper >*{
	padding:2em;	
		}
	.company-info h3, .company-info ul, .brand{
	text-align:left;	
		}
	}