@font-face {
    font-family: 'SpaceMonoBold';
    src: url('./../fonts/spacemono-bold-webfont.woff2') format('woff2'),
         url('./../fonts/spacemono-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'SpaceMonoRegular';
    src: url('./../fonts/spacemono-regular-webfont.woff2') format('woff2'),
         url('./../fonts/spacemono-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

::selection {
	color: #fff; 
	background-color: #FF4552;
}


 body {
 	font-family: "SpaceMonoBold";
	color: #FF4552;
	font-size: 15px;	
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 24px;
	line-height: 24px;
}

.container {
	width: 960px;
	margin: auto;
	padding: 32px;

}

.spacer16 {
	margin-bottom: 16px;
}

.spacer32 {
	margin-bottom: 32px;
}

.spacer64 {
	margin-bottom: 64px;
}

.medium {
	font-size: 24px;
	line-height: 24px;
}

.white {
	color: #fff;
}

.banderole {
	background-color: #FF4552;
	max-width: 100%;
	padding: 32px;
	text-align: center;
	margin: 0px;
}

.cta {
	border: 1px solid #fff;
	padding: 8px;
	color: #fff;
	width: 160px;
	margin: auto;
	border-radius: 2px;	
}

table {
	width: 100%;
	text-align: left;
	border-spacing:0px;  

}

th {
	font-family: "SpaceMonoBold";
	border-bottom: 2px solid #FF4552;
	padding: 4px 0px 4px 0px;
}

td {
	font-family: "SpaceMonoRegular";
	border-bottom: 1px solid #FF4552;
	padding: 4px 0px 4px 0px;


}

tbody a:hover { color: #fff; background-color: #FF4552; }
tbody tr:hover td { color: #fff; background-color: #FF4552; }


a:link { color: #FF4552; text-decoration: none; }
a:hover { color: #fff; background-color: #FF4552; }
a:visited { color: #FF4552; text-decoration: none;}


.cta:hover { background-color: #fff; color: #FF4552; -webkit-transition: all 0.2s; /* Safari */ transition: all 0.2s;} 

.cta a:link  { text-decoration: none; color: #fff;}
.cta a:hover   { color: #FF4552; background-color: #fff;}
.cta a:active  { }