html{
    height:100%;
}

body{
    height:100%;
    margin:0px;
    display: flex;
    background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#logo{
    position: absolute;
	top: 20px;
	left: 20px;
	margin: auto;
    padding: 10px 10px;
}

#container{
    position: relative;
	margin: auto;
    padding: 0px 0px;
}
/*Panels*/
.Panel{
    display: flex;
    flex-direction: row;
}
#Icons{
    flex-direction: row;
	margin: 0px;
}
/*Tiles*/
.tile{
    display: flex;
	/*padding: 10px;*/
    margin: 20px;
	/*background-color:#FFFFFF;*/
    /*box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.75);*/
    transition: box-shadow 0.2s ease-in-out;
}
.tile:hover{
    box-shadow: 0px 0px 15px 1px #000000;
}
a:link, a:visited, a:hover, a:active {
  color: #cf102d;
}
/*Images in Icon Tiles*/
.icon a img{
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 300px;
}