@font-face {
  font-family: "iconvault";
  src: url("../fonts/iconvault_2e1fd600dcfb61bb53a0dcaee1db33eb.eot");
  src: url("../fonts/iconvault_2e1fd600dcfb61bb53a0dcaee1db33eb.eot?#iefix") format("embedded-opentype"),
       url("../fonts/iconvault_2e1fd600dcfb61bb53a0dcaee1db33eb.woff") format("woff"),
       url("../fonts/iconvault_2e1fd600dcfb61bb53a0dcaee1db33eb.ttf") format("truetype"),
       url("../fonts/iconvault_2e1fd600dcfb61bb53a0dcaee1db33eb.svg#iconvault") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "Adler";
    src: url("../fonts/adler.eot");
    src: url("../fonts/adler.eot?#iefix") format("embedded-opentype"),
         url("../fonts/adler.woff") format("woff"),
         url("../fonts/adler.ttf") format("truetype"),
         url("../fonts/adler.svg#Adler") format("svg");
    font-weight: normal;
    font-style: normal;
}

.instagram a:before,
.soundcloud a:before,
.gigmit a:before,
.facebook a:before,
.youtube a:before,
.twitter a:before {
  font-family: "iconvault";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  text-decoration: inherit;
}

.instagram a:before { content: "\f100"; }
.soundcloud a:before { content: "\f101"; }
.gigmit a:before { content: "\f102"; }
.facebook a:before { content: "\f103"; }
.youtube a:before { content: "\f104"; }
.twitter a:before { content: "\f105"; }

html, body {
	height:100%;
	margin:0;
	font-family: "Adler";
	text-transform: uppercase;
	font-size: 25px;
	color: #333;
}

body {
	background: url(../images/background.png);
	height: 100%;
}

a:hover,
a:focus { outline: 0; }

section {
	display: table;
	width: 100%;
	height: 100%;
}

section .row {
	display: table-row;
	text-align: center;
	height: 100%;
}

section .row .col {
	display: table-cell;
	vertical-align: middle;
}

section .row .col img {
	margin: 0 20px;
	max-width: 100%;
	width: 666px;
	height: auto;
}

section .row .col  ul#social {
	padding: 0;
	margin: 0 0 20px 0;
	list-style: none;
}

section .row .col  ul#social li {
	display: inline-block;
}

section .row .col  ul#social li a {
	display: block;
	font-size: 40px;
	color: #333;
	margin: 5px;
	text-decoration: none !important;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
}

section .row .col  ul#social li a span {
	display: none;
}

section .row .col  ul#social li.facebook:hover a { color: #3b5998 }
section .row .col  ul#social li.soundcloud:hover a { color: #ff5500 }
section .row .col  ul#social li.twitter:hover a { color: #00aced }
section .row .col  ul#social li.instagram:hover a { color: #517fa4 }
section .row .col  ul#social li.youtube:hover a { color: #bb0000 }
section .row .col  ul#social li.gigmit:hover a { color: #35A8E0 }

@media (max-width: 700px) {
	section .row .col img {
		width: 250px;
	}
	
	section .row .col  ul#social {
		margin: 0 50px 20px 50px;
	}
	
	section .row .col  ul#social li {
		width: 33.33%;
		float: left;
	}
}