body { background:#181818; margin: 0; padding: 0; color:#fff; font-family:'Ysabeau Infant', sans-serif; font-size:22px; font-weight: 400; }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a { color:#ff1110; text-decoration:none; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
a:hover { color:#bdbdbd; }
p, h1, h2, h3, h4, h5, h6, ul, li, img, iframe, form, table, td, tr { line-height:100%; font-weight:normal; margin:0; padding:0; border:none; border-collapse:collapse; }
.clear { clear:both; }
content { display: block; width: 1440px; margin:0 auto; }
section { display: block; width: 100%; padding: 80px 0; }
  .no-padding { padding: 0; }

#toTop {display:none; width:60px; height:60px; background:url(img/totop.webp) no-repeat center #fff; background-size:30px auto; text-align:left; text-indent:-9999px; position:fixed; bottom:40px; right:40px; z-index:20000; cursor:pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

/* fixed contact links start */
.fixed-contact-links { display:flex; flex-wrap:wrap; width:290px; height:60px; position:fixed; left:40px; bottom:40px; z-index:10001; }
  .fixed-contact-links a { display:block; width:60px; height:60px; margin: 0 10px 0 0; text-align:left; text-indent: -9999px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-size: 30px auto; background-repeat: no-repeat; background-position: center center; }
	  .fixed-contact-links a.whatsapp { background-image: url(img/icons/whatsapp.webp); background-color: #1bd741; }
    .fixed-contact-links a.phone { background-image: url(img/icons/phone.webp); background-color: #fd312d;  }
    .fixed-contact-links a.location { background-image: url(img/icons/location.webp); background-color: #ffffff; }
    .fixed-contact-links a.instagram { background-image: url(img/icons/instagram.webp); background-size: 60px auto; margin:0 20px 0 0; }
      .fixed-contact-links a:hover { transform: scale(0.90); -ms-transform: scale(0.90); -webkit-transform: scale(0.90); -o-transform: scale(0.90); -moz-transform: scale(0.90); box-shadow: 0 5px 15px #ece1e1; }
/* fixed contact links end */

/* animated header style */
.cbp-af-header { position:fixed; top:0; left:0; z-index:10000; width:100%; height:90px; padding: 20px 0; background-color:rgb(255,17,16, 0); background-color:rgba(255,17,16, 0); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
  .cbp-af-header content { padding:0 80px; }
  a.logo { display:block; float:left; width:248px; height:50px; margin:0; background:url(img/logo.webp) no-repeat; background-size:100% 100%; overflow: hidden; text-indent: -9999px; }
    a.logo:hover { transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -moz-transform: scale(1.02); } 
  /* mainmenu */
  #mainmenu { display:block; float:right; height:30px; margin:10px 0 0 0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
    #toggle, .toggle {display:none;}
      .mm-links > li {list-style:none; float:left; width:auto;}
	    .clearfix:before, .clearfix:after {display:table; content:"";} .clearfix:after {clear:both;}
      .mm-links, .mm-links > li, .mm-links > li > a {height:100%;}
        .mm-links > li > a { display:block; font-size:16px; font-family: 'Source Code Pro', monospace; font-weight: 800; color:#fd312d; line-height:30px; padding:0 15px; border-radius: 10px; }
        .mm-links > li > a:hover, .mm-links > li > a:focus, .mm-links > li > a.active {color:#fff; background:#fd312d;}
      .toggle {z-index:2;}
  /* mainmenu */	

  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink {height:50px; top:0; padding: 10px 0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; background-color:rgb(255,17,16, 0.6); background-color:rgba(255,17,16, 0.6); }
    .cbp-af-header.cbp-af-header-shrink a.logo { width:149px; height:30px; background:url(img/logo-icon.webp) no-repeat; background-size:100% 100%; }
    .cbp-af-header.cbp-af-header-shrink #mainmenu { margin:0; }
    .cbp-af-header.cbp-af-header-shrink .mm-links > li > a { color:#ffffff; }
/* animated header style */

.round-button { display: block; width: 240px; height: 60px; padding: 20px 0; text-align: center; line-height: 20px; border-radius: 10px; color:#fd312d; font-size:20px; margin:0; font-weight: 700; background-color: #fff; border-bottom: 4px solid #fd312d; font-family:'Ysabeau Infant', sans-serif; }
  .round-button:hover { color:#fff; background-color: #fd312d; border-bottom: 4px solid #fd312d; }

  h1 { color: #fff; }
  h2 { color: #1f1e1e; }
  h4 { color: #fff; font-family: 'Source Code Pro', monospace; font-weight: 700; font-size: 26px; margin:0 0 30px 0; }
    h1, h2 { font-family: 'Source Code Pro', monospace; font-weight: 700; font-size: 30px; }

    .sub-pages h1, .sub-pages h2 { margin:0 0 30px 0; }
    .sub-pages h1 { color:#fd312d; }
    .sub-pages p {margin:0 0 20px 0; line-height: 150%;}

	.centered { text-align:center; }
  .flex-this-div { display:flex; flex-wrap:wrap; }
  .add-padding { padding:0 80px; } 

section.page-header {width:100%; height: auto; padding: 180px 0 80px 0; position:relative; background: url(img/pageheader.webp) no-repeat center center; background-size: cover; border-bottom:4px solid #fd312d; }
section.page-header.empty { background-image: none; padding: 140px 0 40px 0;}
  section.page-header h1 { font-size: 42px; font-weight: 800; line-height: 100%;  }
  section.page-header.empty h1 { font-size: 34px; font-weight: 700;  }

section.hp-spot { padding: 90px 0 0 0; }
  .spot-overlay { display: block; width: 100%; height: auto; position:absolute; top:0; bottom:0; z-index: 9; background: url(img/spot/overlay.webp) no-repeat center bottom; background-size: 100% auto; }
    .spot-overlay div { position: absolute; width: 100%; bottom:80px; left:0; display: block; font-size:42px; color;#fff; font-family: 'Source Code Pro', monospace; text-align: center; font-weight: 900; line-height: 140%; }
    .spot-overlay div .round-button { margin:40px auto 0 auto; }
  .swiper-slide img { display:block; width: 100%; }

  .console-big-logos { padding:0 80px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 80px; grid-row-gap: 0px; }
    .console-big-logos a { background-color:#fff; padding:40px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
      .console-big-logos a.playstation { border-bottom:10px solid #0080ff; }
        .console-big-logos a.playstation:hover { background-color:#0080ff; }
      .console-big-logos a.xbox { border-bottom:10px solid #0f7c10; }
        .console-big-logos a.xbox:hover { background-color:#0f7c10; }
      .console-big-logos a.nintendo { border-bottom:10px solid #ec0000; }
        .console-big-logos a.nintendo:hover { background-color:#ec0000; }
      .console-big-logos a img { display:block; width: 220px; height: auto; margin:0 auto; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
        .console-big-logos a:hover img { filter: grayscale(1) brightness(5); }
          
  .our-services { padding:80px; }
    .border-top { border-top:2px solid #fd312d; }
    .border-bottom { border-bottom:2px solid #fd312d; }

    content.our-services h1 { margin:0 0 80px 0; }

    .services { display:flex; flex-wrap:wrap; }
	  .services a { display:block; width:20.3125%; margin:0 6.25% 80px 0; padding: 10px 10px 44px 10px; position:relative; background-color: #7c1717; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
      .services a:nth-child(4n) { margin:0 0 80px 0;} 
	  .services a img { display:block; width:100%; height:auto; margin:0 0 20px 0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    .services a h3 { display:block; padding: 0 10px; font-size:24px; font-weight: 700; color:#fff; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
	    .services a:hover { background-color: #fff; box-shadow:0 0 30px #f55351; } 
      .services a:hover h3 { color: #1a1a1a; } 
        .services a .round-button { width: 120px; height: 44px; padding: 10px 0; font-size:14px; font-weight: 400; position: absolute; bottom:-22px; right: 10px; color:#1f1e1e; }
        .services a .round-button:hover { color:#fff; background-color: #fd312d; border-bottom: 4px solid #fd312d; }

        .services.three-column a, .services.three-column a:nth-child(4n) { display:block; width:27.33%; margin:0 3% 80px 3%; }

  .grid-column-content { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
    .grid-column-content article { display: block; width: 100%; }
      .grid-column-content article h1 { margin:0 0 40px 0; line-height: 140%; }
      .grid-column-content article p { line-height: 120%; color:#fff; }
      .grid-column-content article .round-button { display: inline-block; width: 120px; height: 44px; padding: 10px 0; margin:40px 40px 0 0; font-size:14px; font-weight: 400; color:#1f1e1e; }
      .grid-column-content article .round-button:hover { color:#fff; background-color: #fd312d; border-bottom: 4px solid #fd312d; }
    .grid-column-content figure { display: block; width: 100%; }
      .grid-column-content figure img { display: block; width: 100%; height: auto; filter:grayscale(100); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        .padding-right { padding:68px 80px 0 0; }
        .padding-left { padding:68px 0 0 80px; }

  .hp-gamelist { min-height: 524px; padding: 0 80px; background: url(img/bg-game-list.webp) no-repeat center right #d6dfdf; background-size: auto 100%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
    .hp-gamelist span { display:block; width: 100%; }
    .hp-gamelist h2 { margin:0 0 40px 0; }
    .hp-gamelist p { line-height: 140%; color:#1f1e1e; font-size:24px; width: 32%; }
    .hp-gamelist .round-button { color:#1f1e1e; background-color: #fd312d; border-bottom: 4px solid #1f1e1e; margin:40px 0 0 0; }
    .hp-gamelist .round-button:hover { color:#1f1e1e; background-color: #fff; border-bottom: 4px solid #1f1e1e; }

    .sub-page-content { display:block; float: left; width: 75%; padding: 0 80px 0 0; }
      .sub-page-content p { margin:0 0 20px 0; line-height: 140%; }
      section.sub-page-content h1, .sub-page-content h1 { color:#fd312d; margin:0 0 30px 0; }
      section.sub-page-content h2, .sub-page-content h2 { color:#ffffff; margin:0 0 20px 0; }

    .fullimg { display:block; width: 100%; height: auto; margin:0 0 40px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    .side-img { display:block; width: 40%; float: right; margin:0 0 40px 40px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

    ul.column-menu { display:block; float: right; width: 25%; position: -webkit-sticky; position: sticky; top: 90px; }
    ul.column-menu li { display:inline; }
    ul.column-menu li a { display:block; font-size: 18px; color:#fff; padding: 12px;  margin:0 0 2px 0; border-bottom:2px solid #fd312d; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    ul.column-menu li a:hover, ul.column-menu li a.selected { background-color: #fd312d; color:#1f1e1e; }
    ul.column-menu img { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }


  section.hp-map-holder iframe { display:block; width:100%; height:500px; overflow:hidden; }

  .hp-qr-ct {padding:80px 160px 0 160px; border-top:2px solid #fd312d;}
  .hp-qr-ct figure { width: 76%; margin:0 auto;  }
  .hp-qr-ct figure img { filter:grayscale(0); }

footer { display:block; width:100%; }	

  footer content { padding:80px 80px 120px 80px; border-top:2px solid #fd312d; }		 
  
    footer a.logo { float:none; width:495px; height:100px; margin:0 auto; }

    footer ul { display:block; float:left; margin:40px 80px 0 0;}
    footer ul li { display:block; font-size:15px; color:#d6d6d6; font-weight: 400; line-height: 130%;}
     footer ul li b { display:block; font-size:17px; font-family: 'Source Code Pro', monospace; font-weight: 700px; }
    footer ul li a { display:block; color:#d6d6d6; line-height:140%; }
    footer ul li a:hover { color:#fd312d; }

    footer ul.legal-notice { float:right; margin:40px 0 0 0; text-align: right; }

    footer ul li.rights { font-size:13px; opacity: 0.7; }




    .tabset > input[type="radio"] {
      position: absolute;
      left: -200vw;
    }
    
    .tabset .tab-panel {
      display: none;
    }
    
    .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
    .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
    .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
    .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
    .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
    .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
      display: block;
    }
    
    .tabset > label {
      position: relative;
      display: inline-block;
      padding: 15px 15px 25px;
      border: 1px solid transparent;
      border-bottom: 0;
      cursor: pointer;
      font-weight: 600;
    }
    
    .tabset > label::after {
      content: "";
      position: absolute;
      left: 15px;
      bottom: 10px;
      width: 22px;
      height: 4px;
      background: #8d8d8d;
    }
    
    input:focus-visible + label {
      outline: 2px solid rgba(0,102,204,1);
      border-radius: 3px;
    }
    
    .tabset > label:hover,
    .tabset > input:focus + label,
    .tabset > input:checked + label {
      color: #fd312d;
    }
    
    .tabset > label:hover::after,
    .tabset > input:focus + label::after,
    .tabset > input:checked + label::after {
      background: #fd312d;
    }
    
    .tabset > input:checked + label {
      border-color: #ccc;
      border-bottom: 1px solid #fff;
      margin-bottom: -1px;
    }
    
    .tab-panel {
      padding: 30px 0;
      border-top: 1px solid #ccc;
    }
    
    
    .tabset {
      max-width: 65em;
    }

    
/* responsive css */ 

@media only screen and (max-width: 1440px) {
 
  content { width:1200px; }

  body { font-size:20px; }

  .cbp-af-header content { padding:0 40px; }

  .mm-links > li > a { padding:0 14px; }

    h1, h2 { font-size: 28px; }

  .add-padding { padding:0 40px; } 

  section.page-header h1 { font-size: 36px; }
  section.page-header.empty h1 { font-size: 30px;  }

    .spot-overlay div { left:40px; font-size:42px; }

  .console-big-logos { padding:0 40px; grid-column-gap: 40px; }
      .console-big-logos a img { width: 180px; }
          
  .our-services { padding:80px 40px; }

    content.our-services h1 { margin:0 0 40px 0; }

	  .services a { width:22%; margin:0 4% 80px 0; }
      .services a:nth-child(4n) { margin:0 0 80px 0;} 
    .services a h3 { font-size:22px; }

    .services.three-column a, .services.three-column a:nth-child(4n) { width:29.33%; margin:0 2% 80px 2%; }


        .padding-right { padding:32px 40px 0 0; }
        .padding-left { padding:32px 0 0 40px; }

  .hp-gamelist { min-height: 420px; padding: 0 40px; }
    .hp-gamelist p { font-size:22px; }

    .sub-page-content { padding: 0 40px 0 0; }

    ul.column-menu li a { font-size: 17px; }

  section.hp-map-holder iframe { height:480px; }

  footer content { padding:80px 40px 120px 40px; }		 

}

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

  section { padding: 40px 0; }
  content { width: 100%; }

  #toTop {width:40px; height:40px; background-size:20px auto; bottom:40px; right:40px; }

  .fixed-contact-links { width:200px; height:40px; left:40px; bottom:40px; }
    .fixed-contact-links a { width:40px; height:40px; margin: 0 5px 0 0; background-size: 20px auto; }
    .fixed-contact-links a.instagram { margin: 0 10px 0 0; background-size:40px auto; }

  /* animated header style */
  .cbp-af-header { height:80px; padding: 20px 0; }
    .cbp-af-header content { padding:0 40px; }
    a.logo { width:198px; height:40px; }

    /* mainmenu */
    #mainmenu { height:23px; margin:9px 0 0 0; }
    .mm-links > li > a { padding:0 10px; font-size:14px; letter-spacing: -0.5px; line-height:23px;  }
    /* mainmenu */	

    /* Transitions and class for reduced height */
    .cbp-af-header.cbp-af-header-shrink {height:50px; top:0; padding: 10px 0; }
      .cbp-af-header.cbp-af-header-shrink a.logo { width:149px; height:30px; }
      .cbp-af-header.cbp-af-header-shrink #mainmenu { margin:0; }
  /* animated header style */

  .round-button { width: 240px; height: 60px; padding: 20px 0; line-height: 20px; font-size:18px;  }

    h1, h2 { font-size: 24px; }
  .add-padding { padding:0 40px; } 

section.page-header, section.page-header.empty { padding: 120px 0 40px 0;  }
  section.page-header h1 { font-size: 32px; }
  section.page-header.empty h1 { font-size: 28px; }

section.hp-spot { padding: 80px 0 0 0; }
    .spot-overlay div { bottom:40px; left:0; font-size:36px; }
    .spot-overlay div .round-button { margin:20px auto 0 auto; }

    .console-big-logos { padding:0 40px; grid-column-gap: 40px; }
    .console-big-logos a { padding:20px 0; }
      .console-big-logos a.playstation { border-bottom:5px solid #0080ff; }
      .console-big-logos a.xbox { border-bottom:5px solid #0f7c10; }
      .console-big-logos a.nintendo { border-bottom:5px solid #ec0000; }
      .console-big-logos a img { width: 140px; }
          
  .our-services { padding:40px; }
  
      content.our-services h1 { margin:0 0 40px 0; }
  
      .services a { width:23%; margin:0 2% 40px 0; }
        .services a:nth-child(4n) { margin:0 0 40px 0;} 
      .services a h3 { font-size:18px; }

      .services.three-column a, .services.three-column a:nth-child(4n) { width:29.33%; margin:0 2% 40px 2%; }


        .grid-column-content article h1 { margin:0 0 20px 0; }
          .padding-right { padding:28px 40px 0 0; }
          .padding-left { padding:28px 0 0 40px; }
  
    .hp-gamelist { min-height: 400px; padding: 0 40px; }
      .hp-gamelist h2 { margin:0 0 20px 0; }
      .hp-gamelist p { line-height: 130%; font-size:20px; width: 40%; }
  
      .sub-page-content { width: 70%; padding: 0 40px 0 0; }
  
      .fullimg { margin:0 0 20px 0; }
  
      ul.column-menu { width: 30%; top: 90px; }
      ul.column-menu li a {  font-size: 16px; padding: 10px; }
  
    section.hp-map-holder iframe { height:400px; }
  
    footer content { padding:40px 40px 120px 40px; }		 
    

  
      footer ul { margin:40px 40px 0 0;}
      footer ul li { font-size:14px;}
       footer ul li b { font-size:16px; }
  
      footer ul.legal-notice { margin:40px 0 0 0; }
  
      footer ul li.rights { font-size:13px; }


      .hp-qr-ct {padding:80px 80px 0 80px;}
      .hp-qr-ct figure { width: 82%; }

	}

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

	.mm-links {display:none; opacity:0; width:100%; padding:0; position:absolute; right:0; z-index:5001;}
	.mm-links > li {display:block; width:100%; margin:0;}
	.mm-links > li > a {display:block; width:100%; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.toggle {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
	#toggle:checked + div .mm-links {display:block; opacity:1;}
	.mm-links {color:#1f1e1e; background-color:rgb(255,17,16, 0.6); background-color:rgba(255,17,16, 0.6); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow:hidden;}
	.mm-links, .mm-links > li, .mm-links > li > a {height:auto; color:#fff;}
	.mm-links > li > a {padding:0; margin:0; line-height:40px; color:#fff; font-size:18px; text-align:center; padding:0; border-bottom:1px solid #1f1e1e; background-color: transparent; border-radius: 0; }
	.mm-links > li > a:hover, .mm-links > li > a:focus, .mm-links > li > a.secili {background:#fff; color:#1f1e1e; border-bottom:1px solid #fff;}
	.mm-links > li:last-child > a {border-bottom:none;}
	.toggle:after {content:attr(data-open); display:block; background:url(img/menu.webp) no-repeat center center; background-size: 100% 100%; width:31px; height:23px; margin:0 0 28px 0; padding:0; text-align:left; text-indent:-9999px; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s;}
	#toggle:checked + div .toggle:after {content:attr(data-close);}
      .toggle {z-index:2;}

      .cbp-af-header.cbp-af-header-shrink { background-color:rgb(255,17,16, 0.6); background-color:rgba(255,17,16, 0.6); }
      .cbp-af-header.cbp-af-header-shrink .toggle:after { margin:0 0 17px 0; }

      .console-big-logos { grid-column-gap: 20px; }
        .console-big-logos a img { width: 120px; }

        .services a, .services a:nth-child(4n) { width:32%; margin:0 2% 40px 0; }
        .services a:nth-child(3n) { margin:0 0 40px 0; } 

        .services.three-column a, .services.three-column a:nth-child(4n), .services.three-column a:nth-child(3n) { width:31.33%; margin:0 1% 40px 1%; }

	}


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

  section.page-header, section.page-header.empty { padding: 100px 0 20px 0;  }
  section.page-header h1 { font-size: 26px; }
  section.page-header.empty h1 { font-size: 22px; }

  .spot-overlay div { font-size:28px; }

  .console-big-logos a img { width: 100px; }

  .grid-column-content { display: block; }
      .padding-right { padding:20px 0; }
      .padding-left { padding:20px 0; }

      .hp-gamelist { min-height: 300px;  background: url(img/bg-game-list.webp) no-repeat center right -140px #d6dfdf; background-size: auto 100%; }
      .hp-gamelist p { line-height: 120%; font-size:16px; width: 50%; }
  
      .sub-page-content { width: 77%; }
    
      ul.column-menu { width: 22%; }
      ul.column-menu li a {  font-size: 15px; }

      footer ul { display:block; width: 33%; float:left; margin:40px 0 0 0; text-align: center;}
      footer ul.legal-notice { float:left; width: 100%;  margin:40px 0 0 0; text-align: center; }
      footer ul li.rights { font-size:13px; opacity: 0.7; }


      .round-button { width:120px; height: 40px; padding: 10px 0; font-size:16px; }


      .spot-overlay div { font-size:24px; line-height: 100%; }
      .spot-overlay div .round-button { margin:20px auto 0 auto; }


      footer a.logo { float:none; width:300px; height:61px; margin:0 auto; }
  
      .hp-qr-ct {padding:40px 40px 0 40px;}
      .hp-qr-ct figure { width: 90%; margin:20px auto; }

	}


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

  .add-padding { padding:0 20px; } 

  #toTop { bottom:20px; right:20px; }

  .fixed-contact-links { left:20px; bottom:20px; }
  
    .cbp-af-header content { padding:0 20px; }

    .cbp-af-header .social-links { float: right; margin:10px 0 0 0; }

  .spot-overlay div { left:0; font-size:20px; }
    .spot-overlay div .round-button { margin:14px auto 0 auto; }

  .console-big-logos { padding:0 20px; }
  .console-big-logos a { padding:10px 0; }
    .console-big-logos a img { width: 80px; }

    .our-services { padding:40px 20px; }
  
    content.our-services h1 { margin:0 0 40px 0; }

    .services a, .services a:nth-child(3n), .services a:nth-child(4n) { width:46%; margin:0 2% 40px 2%; }
    .services a h3 { font-size:17px; }

    .services.three-column a, .services.three-column a:nth-child(4n), .services.three-column a:nth-child(3n) { width:46%; margin:0 2% 40px 2%; }

    .grid-column-content article { text-align: center; }
    .grid-column-content article h1 { text-align: center; }
    .grid-column-content article p { text-align: center; }

    .grid-column-content article .round-button { display: block; width: 120px; height: 44px; padding: 10px 0; margin:20px auto 0 auto;  }

.hp-gamelist { min-height: 10px; padding: 40px; background-image: none;}

.hp-gamelist h2 { margin:0 0 20px 0; text-align: center; }
.hp-gamelist p { text-align: center; width: 100%; }
.hp-gamelist .round-button { margin:20px auto 0 auto; }


.sub-page-content { float: none; width: 100%; padding: 0 0 80px 0; }
ul.column-menu { float: none; width: 100%; }


footer content { padding:40px 20px 80px 20px; }		 

footer ul, footer ul.legal-notice, footer ul li.rights { display:block; width: 100%; float:none; margin:20px 0 0 0; text-align: center; }
footer ul li a { border-bottom:1px dotted #d1d1d1; }

footer a.logo { float:none; width:240px; height:48px; margin:0 auto; }

.hp-qr-ct {padding:20px 20px 0 20px;}
.hp-qr-ct figure { width: 90%; margin:20px auto; }

	}


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

  a.logo { width:200px; height:40px; background-size: 100% auto ; background-position: center center; }

  .social-links { display:block; float: none; width: 120px; height: 30px;; margin:0 auto 40px auto; }
  .social-links a { margin:0 5px; }

  .services a, .services a:nth-child(3n), .services a:nth-child(4n) { width:100%; margin:0 0 40px 0; }
  .services a h3 { font-size:18px; }

  .services.three-column a, .services.three-column a:nth-child(4n), .services.three-column a:nth-child(3n) { width:100%; margin:0 0 40px 0; }

  footer a.logo { display: block; float:none; width:227px; height:30px; margin:0 auto 20px auto; }
     
	}