@media screen and (max-width:800px) {

h1 {font-family: 'Raleway', sans-serif; font-size:32px; margin:10px 0 0 0}
h2 {font-family: 'Raleway', sans-serif; font-size:20px; font-weight:300; color: #ffb600; margin:10px 0 0 0; padding:0;}
h3 {font-family: 'Raleway', sans-serif; font-size:16px; font-weight:300; color: #b00404; margin:0; padding:0;}

#top {background:#600202;}
#header {text-align:left; width:70%; height:90px;}
#logo-head  {padding-top:12px; padding-left:15px;}
#main {background:#000;width:100%; margin:0;padding:10px;}
#content {width:100%; }
#footer-content {margin-top:20px; display:none}
#footer-content-mobile {margin-top:10px;display:block}

ul.casino {width:610px;}
ul.jeux {width:610px;}
ul.btn {width:610px;}

/**** FLOAT ****/
.left {float:left; padding:0 15px 0 0}
.right {float:right;padding:0 0 0 15px}
.hide-mobile {display:none;}

/***** GESTION NAV *****/
#nav-content {display:none;}
#nav-resp {display:block; z-index:99999; height:0px;}

/* Switching box model for all elements */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Responsive Navigation styles begin here */
#nav-resp + * {position: relative; z-index:99999;}

/* Theming opened nav */	
#nav-resp ul {/* maximum height */max-height: 55em;/* translate with hardware acceleration */-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: max-height .4s; transition: max-height .4s; will-change: max-height;/* global styles */margin: 0 0 0 40%;padding: 0;list-style: none; width:60%;z-index: 99999;}
#nav-resp a {display: block; text-align:left; padding: 10px; color: #fff; text-decoration: none; margin-bottom: 0px; border-bottom: 1px solid #bb0103; font-family: 'Raleway', sans-serif; }
#nav-resp a {background: #8f0002;}
#nav-resp a:hover, #nav-resp a:focus, #nav-resp a:active {color:#E3C500;}

/* Theming closed nav */
#nav-resp.is-closed ul {max-height: 0; overflow: hidden;}

/* Global styling nav button */	
#nav-resp > button {position: absolute; top: 15px; right: 15px; z-index: 999; height: 60px; width: 60px; background-color: transparent; padding: 0; outline: 0; border: 1px solid #952424; border-radius: 15%; cursor: pointer; -webkit-tap-highlight-color:#fff ; -webkit-transition: -webkit-transform .2s; transition: transform .2s;}
	
/*  Removing Firefox's dotted outline on button */	
#nav-resp > button::-moz-focus-inner {border: 0;}
#nav-resp > button::after, nav > button::before {content: "MENU"; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; /* position: absolute; */ top: 17px; left: 7px; color:#999; border-radius: 3px; -webkit-transition: -webkit-transform .2s; transition: transform .2s;}
#nav-resp > button::before {top: 35%; right: 40%; bottom: 15%; left: 19%;}
	
/* Theming opened nav button */	
#nav-resp:not(.is-closed) > button, #nav-resp:not(.is-closed) > button::before {color:#D6EB00;}

/* Hide alternate text except from screen readers */
.visually-hidden {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px;}
}



@media screen and (max-width:600px) {

h1 {font-family: 'Raleway', sans-serif; font-size:32px; margin:10px 0 0 0}
h2 {font-family: 'Raleway', sans-serif; font-size:20px; font-weight:300; color: #ffb600; margin:10px 0 0 0; padding:0;}
h3 {font-family: 'Raleway', sans-serif; font-size:16px; font-weight:300; color: #b00404; margin:0; padding:0;}

#top {background:#600202;}
#header {text-align:left; width:70%; height:75px;}
#logo-head  {padding-top:12px; padding-left:15px;}
#footer-content {margin-top:20px; display:none}
#footer-content-mobile {margin-top:10px;display:block}

ul.casino {width:300px;}
ul.jeux {width:300px;}
ul.btn {width:300px;}

/**** FLOAT ****/
.left {float:none; text-align:center; padding:15px 0;}
.right {float:none; text-align:center; padding:15px 0;}
.hide-mobile {display:none;}

/***** GESTION NAV *****/
#nav-content {display:none;}
#nav-resp {display:block; z-index:99999}

/* Switching box model for all elements */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#nav-resp {height:0px;}

/* Responsive Navigation styles begin here */
#nav-resp + * {position: relative;z-index:99999;}

/* Theming opened nav */	
#nav-resp ul {/* maximum height */max-height: 55em;/* translate with hardware acceleration */-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);
-webkit-transition: max-height .4s;transition: max-height .4s;will-change: max-height;/* global styles */margin: 0 0 0 30%;padding: 0;list-style: none; width:70%;z-index: 999;}
#nav-resp a {display: block; text-align:left; padding: 10px; color: #fff; text-decoration: none; margin-bottom: 0px; border-bottom: 1px solid #bb0103; font-family: 'Raleway', sans-serif; }
#nav-resp a {background: #8f0002;}
#nav-resp a:hover, #nav-resp a:focus, #nav-resp a:active {color:#E3C500;}
	
/* Theming closed nav */
#nav-resp.is-closed ul {max-height: 0; overflow: hidden;}

/* Global styling nav button */	
#nav-resp > button {position: absolute; top: 7px; right: 10px; z-index: 999; height: 60px; width: 60px; background-color: transparent; padding: 0; outline: 0; border: 1px solid #952424; border-radius: 15%; cursor: pointer; -webkit-tap-highlight-color:#fff ; -webkit-transition: -webkit-transform .2s; transition: transform .2s;}

/*  Removing Firefox's dotted outline on button */	
#nav-resp > button::-moz-focus-inner {border: 0;}
#nav-resp > button::after, nav > button::before {content: "MENU";font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;/* position: absolute; */ top: 17px; left: 7px;color:#fff;
border-radius: 3px;-webkit-transition: -webkit-transform .2s;transition: transform .2s;}
#nav-resp > button::before {top: 35%; right: 40%; bottom: 15%; left: 19%;}
	
/* Theming opened nav button */	
#nav-resp:not(.is-closed) > button, #nav-resp:not(.is-closed) > button::before {color:#D6EB00;}

/* Hide alternate text except from screen readers */
.visually-hidden {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px;}
}



@media screen and (max-width:480px) {

h1 {font-family: 'Raleway', sans-serif; font-size:22px; margin:15px 0 0 0}
h2 {font-family: 'Raleway', sans-serif; font-size:14px; font-weight:300; color: #ffb600; margin:10px 0 0 0; padding:0;}
h3 {font-family: 'Raleway', sans-serif; font-size:16px; font-weight:300; color: #b00404; margin:0; padding:0;}

#top {background:#600202;}
#header {text-align:left; width:80%; height:53px}
#logo-head {padding-top:10px; padding-left:5px;}

/***** GESTION NAV *****/

/* Responsive Navigation styles begin here */
#nav-resp + * {position: relative;z-index:99999;}

/* Theming opened nav */	
#nav-resp ul {/* maximum height */max-height: 55em;/* translate with hardware acceleration */-webkit-transform: translateZ(0); -ms-transform: translateZ(0);transform: translateZ(0);-webkit-transition: max-height .4s;transition: max-height .4s;will-change: max-height;/* global styles */margin: 0 0 0 10%;padding: 0;list-style: none; width:90%; z-index: 10;}

#nav-resp a {display: block; text-align:left; padding: 10px; color: #fff; text-decoration: none; margin-bottom: 0px; border-bottom: 1px solid #bb0103; font-family: 'Raleway', sans-serif; }
#nav-resp a {background: #8f0002;}
#nav-resp a:hover, #nav-resp a:focus, #nav-resp a:active {color:#E3C500;}

/* Theming closed nav */
#nav-resp.is-closed ul {max-height: 0; overflow: hidden;}

/* Global styling nav button */	
#nav-resp > button {position: absolute; top: 7px; right: 4px; z-index: 999; height: 40px; width: 50px; background-color: transparent; padding: 0; outline: 0; border: 1px solid #952424; border-radius: 15%; cursor: pointer; -webkit-tap-highlight-color:#fff ; -webkit-transition: -webkit-transform .2s; transition: transform .2s;}

/*  Removing Firefox's dotted outline on button */	
#nav-resp > button::-moz-focus-inner {border: 0;}
#nav-resp > button::after, nav > button::before {content: "MENU"; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; /* position: absolute; */  top: 17px; left: 7px; color:#fff; border-radius: 3px; -webkit-transition: -webkit-transform .2s; transition: transform .2s;}
#nav-resp > button::before {top: 35%; right: 40%; bottom: 15%; left: 19%;}
	
/* Theming opened nav button */	
#nav-resp:not(.is-closed) > button, #nav-resp:not(.is-closed) > button::before {color:#D6EB00;}

/* Hide alternate text except from screen readers */
.visually-hidden {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px;}
}