@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://necolas.github.io/normalize.css/8.0.0/normalize.css');

img {
	width: 100%;
}

body, html {
  	height: 100%;
  	display: grid;
  	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  	background: -moz-linear-gradient(-45deg, #37cee2 0%, #4e97d0 50%, #1e6097 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #37cee2 0%,#4e97d0 50%,#1e6097 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #37cee2 0%,#4e97d0 50%,#1e6097 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37cee2', endColorstr='#1e6097',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bkg-gradient {
	background: #fff url(../images/waves.svg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 24px 0px rgba(0,0,0,0.5);
	margin: 20px;
}
.container-main {
	display: grid;
	height: 100%;
}
.header {
	align-self: center;
}
	.logo {
		width: 100px;
		margin: auto;
	}
	.logo img {
		width: 100%;
	}

	.contact {

	}
	.contact-email {
		position: absolute;
		top: 33px;
		right: 33px;
		font-size: 11px;
		opacity: .5;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-ms-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}
	.contact-phone {
		position: absolute;
		top: 66px;
		right: 33px;
		font-size: 11px;
		opacity: .5;
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-ms-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
	}
	.contact-email .icon {
		width: 25px;
		height: 25px;
	}
	.contact-phone .icon {
		width: 25px;
		height: 25px;
	}
	.contact-email:hover, .contact-phone:hover {
		opacity: 1;
	}
	.contact-email span, .contact-phone span {
		display: none;
	}
.container-content {
	align-self: center;
		text-align: center;
	}
	.tagline {
		font-size: 6vw;
	}
	.tagline span{
		font-weight: 700;
	}
	.btn-cta {
		background-color: #2DC9E3;
		border-radius: 6px;
		color: #fff;
		padding: 12px 32px;
		margin: 50px 0 0 0;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.22);
		-moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.22);
		box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.22);
	}
.footer {
	align-self: center;
	text-align: center;
	color: #999;
	font-size: 11px;
	margin: 0 auto;
	
}

@media only screen and (min-width: 46.875em ) { /* 750px */
	.header {
		align-self: start;
	}
	.logo {
		margin: 33px 0 0 33px;
		width: 150px;
	}
	.logo img {
		width: 150px;
	}
	
}

@media only screen and (min-width: 93.750em ) { /* 1500px */
	.tagline {
			font-size: 4vw;
		}
}