@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/screenshots_trainstation/screenshot2.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	

.padding {
	padding-left: 10px;	
}

.logincontainer {
	background-color: black;	
	opacity: 0.5;
}

@font-face {
    font-family: "pixellife_small_cap";
    src: url("../fonts/pixel-li-webfont.woff2") format("woff2"),
         url("../fonts/pixel-li-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;

}

.largetext {
	font-size:124px;
	}
	
.mediumtext {
	font-size:72px;
	}
	
.container_menu {
	background-color: black;
	opacity: 0.9;
}

.box-container {
  width:30%;
  border:1px solid #000;
  background-color: black;
}

.square {
    float:left;
    position: relative;
    width: 15%;
    padding-bottom : 15%; /* = width for a 1:1 aspect ratio */
    margin:1.66%;
    background-color:#2B2B2B;
}


.content {
    position:absolute;
    height:90%; /* = 100% - 2*5% padding */
    width:90%; /* = 100% - 2*5% padding */
    padding: 5%;
    
}
.table{
    display:table;
    width:100%;
    height:100%;
}
.table-cell{
    display:table-cell;
    vertical-align:middle;
}
/*  For list */
ul{
    text-align:left;
    margin:5% 0 0;
    padding:0;
    list-style-position:inside;
}
li{
    margin: 0 0 0 5%;
    padding:0;
}


/*  For responsive images */

.content .rs{
    width:auto;
    height:auto;
    max-height:90%;
    max-width:100%;
}
/*  For responsive images as background */

.bg{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; /* you change this to "contain" if you don't want the images to be cropped */
    color:#fff;
}


a {
	text-decoration: none;
	color: white;
	font-family: arial;
}

a:hover {
	text-decoration: overline;
	font-family: arial;
	color:#B8B8B8;
}

a:active{
	text-decoration: none;
	color: white;
	font-family: arial;
}

a:pressed {
	text-decoration: none;
	color: white;
	font-family: arial;
}

.selected_link {
	color: #CFCFCF;
	text-decoration: overline;
	font-family: arial;
}


.buttontextcentered {
	position:absolute;
    top: 35%;
    left: 63%;
    transform: translate(-50%, -50%);
}