@charset "UTF-8";
/* CSS Document */
html {
    background: url('../images/clu-landing-page_background.jpg') no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;	
	min-height: 100%;
}

.logo-img {
		width:150px;
	}
.content {
	max-width: 90%;
	float: none;
	margin:auto;
	text-align: center;
	padding: 10% 0;	
}

h1 {
	font-family: UniversLTPro-BoldCond;
	font-size: 3em;
	color:#fff;
}

p {
	font-family: UniversLTPro-45Light;
	font-size: 1em;
	color:#fff;
}

.button {
	background-color: #000;
    border: 1px solid #41ff23;
    color: #41ff23;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
	text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
	font-family: UniversLTPro-BoldCond;
	border-radius: 5px;
}
.button:hover {
	background-color: #41ff23;
	color: #000;
}

i {
    border: solid #41ff23;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

@media only screen and (max-width:600px){

	.logo-img {
		width:100px;
	}
	.content {
		padding:50px 0;
	}
	
	h1 {
		font-size:2.5em;
	}
	
	p {
		font-size:1.5em;
	}
	
	.button {
		padding:15px;
		font-size:1.5em;
	}
	
}