body {
    background:#182252;
    margin:0px;
    padding:0px;
    background-image: url('./images/flc1.png');
    background-repeat:no-repeat;
    background-size: 250px;
    background-position:right top;
    font-family: sans-serif;
}
h1 {
    font-size:1.3em;
    margin-left:10px;
    font-variant: small-caps;
}
h2 {
    font-size:1.1em;
    font-style:italic;
    font-variant: small-caps;
}
a {
    color:darkblue;
}
#BANNER {
    color:red;
    font-size : 2em;
    width:98%;
    height:180px;
    padding:10px;
    background-repeat:no-repeat;
    background-position:center;
	background-position: center;
	background-size: 30vh;
}
#BANNER > img{
  height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#MAIN_CONT {
  width:100%;
  max-width: 1200px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
#DATA_CONT {
    background:rgba(251,251,251,0.8);
    padding: 5px 5% 5px 5%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    order : 2;
    flex-grow: 2;
}
#SPON_CONT, #PART_CONT{
    min-width:200px;
    text-align:center;
    font-size:0.8em;
    text-transform: uppercase;
    font-weight:bold;
    background:white;
}
#SPON_CONT{
    margin-right:0px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    order: 3;
}
#PART_CONT{
    margin-left:0px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    order:1;
}
#SPON_CONT h4,
#PART_CONT h4{
    height:3em;
}
#SPON_CONT p,
#PART_CONT p,
#SPON_CONT span,
#PART_CONT span{
    font-size: 0.6vw;
    text-transform: none;
}
#SPON_CONT img,
#PART_CONT img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:130px;
    margin-top:15px;
    margin-bottom:10px;
    max-height:100px;
}
#MENU_CONT{
    float:none;
}
#MENU_CONT ul{
    display:flex;
    flex-wrap:wrap;
    text-align:center;
    justify-content: center;
}
#MENU_CONT li{
    background:white;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    max-width: 400px;
    list-style-type:none;
    border:2px solid black;
    padding: 3px;
    font-weight:bold;
}
#MENU_CONT li a{
    text-decoration:none;
    color:black;
}

#FOOTER{
    text-align:center;
    margin-top: 25px;
    color: darkslateblue;
}
#FOOTER a {color:darkblue;}
#DATA_CONT img,
#DATA_CONT form{
 /*   width:100%;*/
    display:block;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}
thead tr th{
    background: lightgrey;
}
tbody tr th{
    background: lightgrey;
    color:darkgrey;
}
td{
    border: 1px solid darkgrey;
}
.btn{
        background: darkblue;
        border: none;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        color: yellow;
        display: block;
        margin-left:auto;
        margin-right:auto;
        margin-top:5px;
        font-weight:bold;
}
td .btn{
    width:100%;
    margin:0px;
}
.btn:disabled {
        color: lightblue;
        background: grey;
}
.nobg{
  background: rgba(0, 0, 251, 0.5) !important;
  background: none !important;
}
.red{
    color:red;
    background:yellow;
}
#facebook{
    float:left;
}
#facebook img{
    width:120px;
    margin-left:20px;
}
#rcourse_table{
    margin : auto;
    width:90%;
    border-collapse:collapse;
}
#rcourse_table tr:nth-child(even) {
    background-color: lightgray;
}
#rcourse_table tr td{
    border : darkgrey solid 1px;
    padding-left: 2px;
}
.liste_table{
    width:95%;
  /*  max-width: 800px;*/
    border-collapse:collapse;
    border:2px solid black;
}
.liste_table tbody tr{height: 2.2em;}
.liste_table tbody tr:hover{background-color: lightgrey;}
.liste_table tbody tr td{
  max-width: 200px;
}
.liste_table tbody tr th{
  width: 25px;
}
.liste_table tbody tr td:nth-child(6n+1){
  width: 20px;
}
.liste_table tbody tr td:nth-child(6n+2){
  width: 200px;
}
.liste_table tbody tr td:nth-child(6n+3){
  width: 200px;
}
.liste_table tbody tr td:nth-child(6n+4){
  width: 20px;
}
.liste_table tbody tr td:nth-child(6n+5){
  width: 20px;
}
.liste_table tbody tr td:nth-child(6n){
  width: 80px;
}

.narrow{
  max-width: 900px;
  margin: auto;
  text-align:justify;
}
#goaltiming{
  background-color:black;
  display: block;
  color:white;
  font-size: 2em;
  text-decoration: none;
}
#goaltiming>span{
  color:#2196f3;
  font-size: 100%;
}
#sponsors_list{
  display : flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#sponsors_list > div{
  width:250px;
  margin:20px;
  text-align: center;
}
.extra-margin {margin-left:50px;}
@media screen and (max-width:800px), screen and (max-device-width:800px) {
 #MAIN_CONT{
   flex-wrap:wrap;
  }
 #DATA_CONT{
   order:0;
   width:100%;
 }
 #SPON_CONT, #PART_CONT{
   width:48%;
   min-width: 48%;
   margin:1%;
 }
 body{
   /*font-size:0.7em;*/
 }
}