@media (max-width: 720px)
{
.ccheader{padding: 20px 0 0; text-align: center}
.ccheader .cclogo img{width: 65%}
.ccshowcase
{
  width: 84%;
  min-height: 75vh;
  padding: 8% 8% 100px;
  align-items:flex-end;
}
.cctext h1
{
  font-size: 1.5em; text-align: center;
  line-height: 1.2em; margin: 0 0 auto;
}
.cctext h3
{
  font-size: 1.2em; text-align: center;
  font-weight: 300;
  color: #fff;
  line-height: 1.5em; margin:0 0 10px;
  text-transform:inherit;
}
.ccmd{display:none}
.playccbtn a
{
  font-size: 1.2em;
  padding: 15px 20px;
  margin-top: 10px;
  letter-spacing: 1px;
}
.playccbtn a:hover
{
  letter-spacing: 0;
}
.playccdemo a
{
  font-size: 1.2em;
  padding: 15px 20px;
  margin-top: 10px;
  letter-spacing: 1px;
  border-radius: 60px
}	
.playccdemo a:hover
{
  letter-spacing: 0px;
}
.cc-frame{width:90%}
.cc-number{width:100%; margin:0; padding:5px 0 10px; top:-50px}
.ccgames,
.ccplayers {
  font-size: 32px;
  font-weight:600
}	
.cc-desc h1{font-size: 2em; line-height: 1.5em}
.cc-desc h4{font-size: 1.5em; margin: 0 0 20px}
.cc-desc p{font-size: 16px; margin: 0 0 30px}	
.cc-intro{padding: 0px 0 60px}
.ccfeatures{padding: 0px 0 40px}	
.ccfeatures-frame{width:90%; padding:0}	
.ccfeatures-decs{width:90%; margin:0 5% 0px; text-align: center}
.ccfeatures-decs h4{font-size: 2em; margin-bottom: 0px}
.ccabout{background-size:cover}	
.ccabout-frame{width:90%; padding: 30px 0 40px}
.ccabout-decs{ margin:0px 0 20px 0}
.ccabout-img img{width:100%}
.ccvideo {background-size:cover; padding: 20px 0 30px}
.ccvideo-frame{width:90%; padding: 30px 0 40px}
.ccvideo-col{width:100%; float: left; margin-bottom: 30px}
.ccvideo-img{width:100%; float: left}
.ccvideo-img iframe{width: 100%; height: 200px}
.ccvideo-decs{width:100%; margin: 0}
.ccvideo-decs h2{font-size: 2em!important; margin-bottom: 20px}
.ccvideo-decs h4{font-size: 1.5em; line-height: 1.3em; margin: 0px}

.grid { 
display: grid;
grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
grid-gap: 20px;
align-items: stretch;
}
	
.ccmodal {
  padding-top: 40%; /* Location of the box */
}
.ccmodal-content {
  background-color: #fefefe;
  padding: 20px;
  width: 80%;
}	
}