@font-face {
	font-family: 'ITCAVANTGARDESTD-DEMI';
	src: url('ITCAVANTGARDESTD-DEMI.otf');
	src: url('ITCAVANTGARDESTD-DEMI.eot'),
	 	 url('ITCAVANTGARDESTD-DEMI.svg') format('svg'),
		 url('ITCAVANTGARDESTD-DEMI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Socialico';
	src: url('socialico.otf');
    src: url('socialico-webfont.eot');
    src: url('socialico-webfont.eot?#iefix') format('embedded-opentype'),
		 url('socialico-webfont.svg#socialicoregular') format('svg'),
         url('socialico-webfont.woff') format('woff'),
         url('socialico-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	background-image:url(../img/escheresque_tile.png);
	background-repeat:repeat;
	background-position: center center;
	background-color:#111;
}

a:link {
	text-decoration: none;
	color:#80BB4F;
}
a:visited {
	text-decoration: none;
	color:#80BB4F;
}
a:hover {
	text-decoration: none;
	color:#80BB4F;
}
a:active {
	text-decoration: none;
	color:#80BB4F;
}

p {
	font-family:'ITCAVANTGARDESTD-DEMI',Arial;
	font-size:36px;
	color:#80BB4F;
	position:absolute;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-140px;
    text-shadow: 0px 0px 25px rgba(0,0,0,0.5);
	
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
}

.social_link {
	font-family:'Socialico';
	font-size:80px;
	color:#80BB4F;
	position:absolute;
	top:50%;
	margin-top:20px;
	left:50%;
	margin-left:-30px;
    text-shadow: 0px 0px 25px rgba(0,0,0,0.5);
	
	-webkit-transition: 200ms linear 0s;
	-moz-transition: 200ms linear 0s;
	-o-transition: 200ms linear 0s;
	transition: 200ms linear 0s;
}

.social_link:hover {
	text-shadow: 0px 0px 25px rgba(128,187,79,0.5);
}

.cornerimg {
	opacity:0.15;
	filter: alpha(opacity=15);
	pointer-events:none;
	position:absolute;
	right:0px;
	bottom:5px;
	width:28%;
	height:100%;
}

@media all and (max-width: 700px) {

p {
	font-size:25px;
	margin-left:-100px;
}

.social_link {
	font-size:50px;
	margin-top:0px;
	left:50%;
	margin-left:-30px;
    text-shadow: 0px 0px 25px rgba(0,0,0,0.5);
}

}