/*#########################################
#         BASE
#########################################*/
html{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(69,68,96,1) 50%, rgba(52,51,81,1) 100%);}
body{ overflow-x: hidden;}

h1, h2{margin-top:50px; margin-bottom: 50px; font-weight: bold;
	font-family: 'Quicksand', sans-serif;
	font-size: 4em;
    color: #333;
    text-shadow: 1px 3px 13px rgba(255,255,255,0.2);
}
h1{font-size:3.2em;margin-bottom:100px}
h2{margin-bottom:80px;}

h3{margin-top:50px; margin-bottom: 20px; font-weight: bold;font-size: 2.1em;
font-family: 'Quicksand', sans-serif;}
h4{margin-top:40px; margin-bottom: 20px; font-weight: bold;font-size: 1.6em;
font-family: 'Quicksand', sans-serif;}

.dark_section, .dark_section h2, .dark_section h3,  .dark_section h4{
    color:#FFF;
} 


section {
    margin-bottom: 0px;
}


.flex{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.flex-wrap{ flex-wrap: wrap; }
.flex-spaceb{ justify-content: space-between; }

/*#########################################
#         HEADER
#########################################*/
#page_header{
    background: #000;
    color:#FFF;
    justify-content: space-between;
    padding:10px;
}

/*#########################################
#         section_page_content
#########################################*/
#section_page_content{
    padding-top:60px;
}

/*#########################################
#         DISPLAY SCORES
#########################################*/
#tableResultPerGame td{vertical-align: middle;}


/*#########################################
#         HOF
#########################################*/

#hof_page h2{text-align: center;}



/*#########################################
#         FOOTER
#########################################*/


#section_footer{
	margin-bottom:0px;
	background: #000;
    padding:30px 0;
}
.svg_before_footer{
	transform: rotate(-180deg);
	margin-bottom: -1px;
	fill:#fff;
	width:-100%;
}
.page_home .svg_before_footer{
    fill:#fbf9f6;
}

#footer{
    width: 100%;
    height: 120px;
    font-size: 20px;
    background-color :#000;
    font-family: "Gill Sans", sans-serif;
    color:#939390;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}
#footer a{
    color:#939390;
    margin:0px 10px 0px 10px;
}
#menuFooter{
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
#copyright{
    display: flex;
    justify-content: center;
    font-size: .8em;
}



/*#########################################
#         
#########################################*/




/*#########################################
#         MOBILES / TABLETS
#########################################*/

/* phones */
@media only screen and (max-device-width : 568px){

    #page_header{height: 300px; margin-bottom:10px;}
    #section_baseline{margin-bottom:20px;}
    #section_baseline h1{font-size:1.9em;}
    #logo_bloc{max-width: 100%;}
    #logo_bloc img{width:250px;}

    
}



/* tablets */
@media only screen and (max-device-width : 736px),
            screen and (max-device-width : 768px) and (orientation : portrait){
   
}


/* For TABLETS */ 
/*-----------------------------------*/
@media only screen and (max-device-width : 1300px){

   

}