@font-face {
	font-family: "Metric";
	src: url('./ressources/metric-regular.woff');
}
@font-face {
	font-family: "Metric";
	font-weight: bold;
	src: url('./ressources/metric-bold.woff');
}
@font-face {
	font-family: "Metric";
	font-weight: lighter;
	src: url('./ressources/metric-light.woff');
}
body{background:linear-gradient(0deg,#1a1a19 0,#333 100%);}
html, body{
  font-family: "Metric",Arial,Helvetica,sans-serif;
} 
/* red:#c80028 */
#wrap{
/*max-width: 1366px;*/
}
#header{padding-top:40px;background:url('img/background.jpeg');background-position:top center;background-size:cover;height:590px;background-repeat: no-repeat;background-color:#06090e;}
.hero{margin:2rem auto;text-transform: uppercase;background-color: #c80028;color:#fff;text-align: center;font-size: 200%;padding:1rem;}

.upperText{text-transform: uppercase;}

#footer{margin-top:2rem;border-top: 1px solid #4b4846;color:#fff;padding:2rem;}
#footer .followUs{
  font-weight: bold;
  text-decoration: underline;
}
#footer a{
  color: #fff;
}
#subfooter{background-color: #000;color:#fff;text-align: center;padding:0.5rem;}



#feedback {
}
#feedback.alert-success {
	background-color: #28a745!important;
}
#feedback.alert-error {
	background-color: #dc3545!important;
}


@media screen and (max-width: 720px){
  #follow{margin-top:20px;text-align: center!important;}
  #mentions{margin-top:20px;text-align: center!important;}
}