@font-face { font-family: Encode-Sans-Condensed-Bold; src: url('media/EncodeSansCondensed-600-SemiBold.ttf'); }

html {
	background:url("media/background.jpg") no-repeat center center fixed;
	background-size:cover;
}

body {
	color: white;
	font-family: Encode-Sans-Condensed-Bold, Arial;
	text-align: center;
}

header {
	margin: 15px;
}

h1 {
	font-size: 300%;
	font-weight: bold;
	margin: 0;
}

h2 {
	font-size: 220%;
	font-weight: bold;
	margin: 0;
}

h4 {
	margin: 10px 0 0 0;
}

section {
	background: rgba(10,10,10,0.58);
	border-radius: 15px;
	width: 870px;;
	padding: 5px;
	margin: 0 auto 25px auto;
	line-height: 0.5em;
}

article {
	padding: 5px;
}

p a, p a:visited, p a:hover {
	text-decoration: dotted;
	color: white
}
p a:hover {
	opacity: .45;
}

ul {
	margin: 15px 2.8% auto 5px;
	padding-top: 5px;
}
ul li {
	border: 0;
	display: inline-block;
	list-style-type: none;
	height: 32px;
	width: 32px;
	margin-right: 10px;
}
ul li a {
	height: 32px;
	width: 32px;
	display: block;
}
ul li:hover {
	opacity: .45;
}

/* SHARE ICONS */

#facebook {
	background-image: url("media/social/facebook.png");
	background-repeat: no-repeat;
}
#linkedin {
	background-image: url("media/social/linkedin.png");
	background-repeat: no-repeat;
}
#twitter {
	background-image: url("media/social/twitter.png");
	background-repeat: no-repeat;
}
#stackoverflow {
	background-image: url("media/social/stackoverflow.png");
	background-repeat: no-repeat;
}
#skype {
	background-image: url("media/social/skype.png");
	background-repeat: no-repeat;
}
#youtube {
	background-image: url("media/social/youtube.png");
	background-repeat: no-repeat;
}
#github {
	background-image: url("media/social/github.png");
	background-repeat: no-repeat;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
	section {line-height: 2.0em;}
	body {font-size:medium}
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
	section {line-height: 2.0em;}
	body {font-size:200%}
}