@font-face {
	font-family: 'Byom-Bold';
    src: url('../fonts/Byom-Bold-Trial.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/Byom-Bold-Trial.woff') format('woff'),
         url('../fonts/Byom-Bold-Trial.ttf') format('truetype'),
         url('../fonts/Byom-Bold-Trial.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ClioLight-Light';
    src: url('../fonts/ClioLight-Light.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/ClioLight-Light.woff') format('woff'),
         url('../fonts/ClioLight-Light.ttf') format('truetype'),
         url('../fonts/ClioLight-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ClioRegular';
    src: url('../fonts/ClioRegular.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/ClioRegular.woff') format('woff'),
         url('../fonts/ClioRegular.ttf') format('truetype'),
         url('../fonts/ClioRegular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	background-color: #73E0DE;
	font-family: 'ClioLight-Light';
	font-size: 13px;
	color: #fff;
	padding-top: 5%;
}
.top-text{
	font-size: 3em;
}
.bottom-text{
	font-size: 1.5em;
}
.st-wrap{
	background: url('../images/bg.png') no-repeat center center;
}
h1{
	font-family: 'Byom-Bold';
	font-size: 9em;
	margin-top: 40px;

}
footer{
	font-size: 1em;
	color: #5c6368;
	margin-top: 10%;
}
footer ul li{
	padding-right: 20px !important;
}
footer a{
	color: #5c6368;
	text-decoration: none;
}
footer .socialM{
	font-family: 'ClioRegular';
}
footer .logo-footer a{
	float: right;
    margin-top: -15px; 
}
@media (max-width: 767px) { 
	body{
	    text-align: center;
	}
	.st-wrap {
	    background: url(../images/bg.png) no-repeat center 40%;
	    background-size: contain;
	}
	h1{
		font-size: 3em;
		margin-top: 30px;

	}
	.top-text {
	    font-size: 2em;
	    margin-top: 30px;
	}
	footer {
	    margin-top: 30%;
	    text-align: center;
    	padding-top: 20px;
    	margin-bottom: 40px;
	}
	footer .logo-footer {
	    margin-top: 25px;
	}
	footer .logo-footer a {
	    float: none;
	}
	footer .socialM + ul{
	    margin-bottom: 30px;
	}

}