body{margin: 0;}
@font-face {
    font-family:'Catamaran Black';
    src: url('Catamaran Black.eot');
	src: url('Catamaran Black.eot?#iefix') format('embedded-opentype'),
		url('Catamaran Black.woff2') format('woff2'),
		url('Catamaran Black.woff') format('woff'),
		url('Catamaran Black.svg#Catamaran Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}
@font-face {
    font-family:'Catamaran Light';
    src: url('fonts/Catamaran Light.eot');
	src: url('fonts/Catamaran Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Catamaran Light.woff2') format('woff2'),
		url('fonts/Catamaran Light.woff') format('woff'),
		url('fonts/Catamaran Light.svg#Catamaran Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-02DC;
}
@font-face {
    font-family:'Gotham Light';
    src: url('fonts/Gotham-Light.eot');
	src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Gotham-Light.woff2') format('woff2'),
		url('fonts/Gotham-Light.woff') format('woff'),
		url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
.main {
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 30px 15px;
}
.logo {
	display: inline-block;
}
.logo img {
	width: 260px;
	max-width: 100%;
}
.site_text h1 {
	font-size: 34px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	color: #808080;
	margin: 0;
	padding: 40px 0;
	font-family:'Gotham Light';
	font-weight: lighter;
}
.site_text a {
	font-size: 16px;
	font-family:'Gotham Light';
	width: 100%;
	display: inline-block;
	color: #808080;
	text-decoration: none;.
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}
.site_text a:hover {
	text-decoration: underline;
	color: #8f63cc;
}
ul.circle_icon {
	padding-left: 0;
	margin: 20px 0 0; 
	text-align: center;
}
.circle_icon li {
	display: inline-block;	
	margin: 0 15px;
}
.circle_icon li a {
	height: 40px;
	width: 40px;
	background-color: #c8c8c8;
	border-radius: 50%;
	list-style: none;
	display: inline-block;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
} 
.circle_icon li a:hover {
	background-color: #8f63cc;
}
.circle_icon li a:hover i {
	color: #ffffff;
}
.circle_icon i {
	font-size: 18px;
	color: #4b4b4b;
	padding: 12px 0;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}
@media screen and (max-width: 767px){
	.site_text h1 {font-size: 26px ;padding: 30px 0;}
	.circle_icon li {margin: 0 10px;}
	ul.circle_icon {margin: 15px 0;}
}
@media screen and (max-width: 567px){
	.site_text h1 {font-size: 20px;}
}