h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:500 5em Roboto,Arial,Helvetica;padding:0.1em 0;color: #fff;}
h2{font:400 2.5em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h3{font:200 2em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h4{font:200 1em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
a {color: #fff;text-decoration: none;}
p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}
img {height: 80px; width:auto;}
.icons {height: 80px; width:auto;}

body {
  	position:fixed;
 	left:5%;
 	top:0px;
 	height:100%;
 	width:90%;	
 	background:#011;
}
div#container {height: 100%;display: table;}
div#content {display: table-cell;vertical-align: middle}

@media screen and (min-width: 480px) {
	
h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:500 5em Roboto,Arial,Helvetica;padding:0.1em 0;color: #fff;}
h2{font:400 2.5em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h3{font:200 2em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h4{font:200 1em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
a {color: #fff;text-decoration: none;}
p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}
img {height: 80px; width:auto;}
.icons {height: 80px; width:auto;}

div#container {height: 100%;display: table;}
div#content {display: table-cell;vertical-align: middle}
}

@media screen and (min-width: 768px) {
	
h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:500 5em Roboto,Arial,Helvetica;padding:0.1em 0;color: #fff;}
h2{font:400 2.5em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h3{font:200 2em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h4{font:200 1em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
a {color: #fff;text-decoration: none;}
p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}
img {height: 80px; width:auto;}
.icons {height: 80px; width:auto;}

div#container {height: 100%;display: table;}
div#content {display: table-cell;vertical-align: middle}
}

@media screen and (min-width: 1024px) {

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:500 2.5em Roboto,Arial,Helvetica;padding:0.1em 0;color: #fff;}
h2{font:400 1.25em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h3{font:200 1em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h4{font:200 0.5em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
img {height: 40px; width:auto;}	
.icons {height: 40px; width:auto;}
a:hover {-webkit-filter: drop-shadow(0px 0px 4px #fb0);filter: drop-shadow(0px 0px 2px #fb0);}
.icons:hover {-webkit-filter: drop-shadow(0px 0px 0.5px #Fb0);filter: drop-shadow(0px 0px 0.5px #fb0);}
/*.FS:hover {-webkit-filter: blur(5px); filter: blur(5px);}*/

a {color: #fff;text-decoration: none;}
p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}

div#container {height: 100%;display: table;}
div#content {display: table-cell;vertical-align: middle}
}

@media screen and (min-width: 1200px) {

h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1,h2,h3,h4{margin: 0;line-height: 1em;}
h1{font:500 2.5em Roboto,Arial,Helvetica;padding:0.1em 0;color: #fff;}
h2{font:400 1.25em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h3{font:200 1em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
h4{font:200 0.5em Roboto,Arial,Helvetica;margin-bottom:0.1em;color: #fff; }
img {height: 40px; width:auto;}
.icons {height: 40px; width:auto;}
a:hover {-webkit-filter: drop-shadow(0px 0px 4px #fb0);filter: drop-shadow(0px 0px 2px #fb0);}
.icons:hover {-webkit-filter: drop-shadow(0px 0px 0.5px #fb0);filter: drop-shadow(0px 0px 0.5px #fb0);}
/*.FS:hover {-webkit-filter: blur(5px); filter: blur(5px);}*/
}
a {color: #fff;text-decoration: none;}
p{font-size:1em;line-height: 1.7em; margin-bottom: 1.7em;}

div#container {height: 100%;display: table;}
div#content {display: table-cell;vertical-align: middle}
}