@charset "UTF-8";
/* Body */
html, body{
	 height: 100%;
    margin: 0;
	margin-top: 0;
/*	margin-bottom: 0;*/
    padding: 0;
/*	overflow: hidden*/
/*	 overflow: auto;*/
}
body {
    background-color:#ED9EB4;
/*background: linear-gradient(180deg, rgba(237,158,180,1) 52%, rgba(209,92,116,1) 100%);*/
    font-style: normal;
    font-weight: 100;
/*  	min-width: 100%;*/
/*	height: auto;*/
	
/*  	min-height: 100%;*/
/*	max-width: 100%;*/
	font-family: "Montserrat", sans-serif;
/*	height:100vh;*/
}
a{
	text-decoration: none;
}
.bg {
 
/*
  top: -50%; 
  left: -50%; 
*/
/*
  width: 200%; 
  height: 200%;
*/
}
.bg img {

}
.landingarea{
/*	height: 1920px;*/
/*	width: auto;*/
/*	margin-top: 20px;*/
/*	width: 100%;*/
/*	height: auto;*/
}
/* Container */
.container {
/*            height: 100vh;*/
/*
            margin: auto;
	height: auto;
*/
	width: 100%;

}
containerTimer {
  color: #333;
  margin: 0 auto;
  text-align: center;
}

h1 {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
}

#countdown li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding: 1em;
	padding-top: 0;
	padding-bottom: 0;
  text-transform: uppercase;
}

#countdown li span {
  display: block;
  font-size: 4.5rem;
}

.emoji {
  display: none;
  padding: 1rem;
}

.emoji span {
  font-size: 4rem;
  padding: 0 .5rem;
}

nav {
/*    float: right;*/
/*    text-align: right;*/
    /*    margin-right: 20px;*/
/*    width: 55%;*/
/*	min-width: 800px;*/
    /*    display: flex;*/
	margin: auto;
/*    height: auto;*/
    line-height: 26px;
	text-align: center;
}
header nav ul {
	list-style: none;
/*	float: right;*/
	width: 100%;
	marign: auto;
/*	margin-top: 50px;*/
	
}
/*
nav ul li {
    color: #FFFFFF;
    text-align: center;
    letter-spacing: 4px;
	padding-left: 4px;
    font-weight: bold;
	font-family: "Montserrat", sans-serif;
	font-weight: 100;
	font-size: 30px;
    transition: all 0.3s linear;
    width: 20%;
    margin: auto;
    height: auto;
	display:inline-block;
	margin-right: 10%;
}
*/
ul li a {
	color: #FFFFFF;
	text-decoration: none;
	    width: 50%;
/*	    margin: auto;*/
/*	text-align: center;*/
	
}
ul li:hover a {
    color: #3E39EC;
}

/*
.logoLeft{
    float: left;
    padding-left: 21px;
    padding-top: 18px;
}
*/
.platforms{
	position: fixed;
	right: 15px;
	display: flex;
	width: 100px;
/*	pointer-events: none;*/
	z-index: 10;
		

}
.plaformicon{
	width: 20px;
	margin-left:10px;
	
/*	z-index: 100;*/
/*	z-index: 11;*/
/*	    background-color:#ABABAB;*/
/*	z-index: 11;*/
}
.plaformicon:hover{
	opacity: 0.3;
		
}
.logo {
    color: #fff;
/*    font-weight: 400;*/
/*    text-align: center;*/
    /*    width: 10%;*/
/*    float: left;*/
/*    margin-top: 35px;*/
/*    margin-left: 25px;*/
    letter-spacing: 4px;
    width: 50%;
/*	margin: auto;*/
/*	height: 303px;*/
    font-family: actor;
	font-size: 50px;
/*	margin-top: 100px;*/
    font-style: normal;/*    display: inline-block;*/
	text-align: center;
}

.promotearea{
/*	margin-top: 20px;*/
}

.logohead{

    margin-left: auto;
    margin-right: auto;
/*       display: block;*/
            width: 40%;
	margin-top: 0;
/*	padding-top: 135px;*/
/*	text-align: center;*/
/*	z-index: 3;*/
		box-shadow: 2px 2px 50px 1px rgba(0, 0, 0, 0.5);;
}
	

.menuElement{
/*	display: inline-flex;*/
/*		text-align: center;*/
/*	display: flex;*/
/*  flex-wrap:nowrap;*/
/*	width: 100%;*/
	min-height: auto;
	min-width: auto;
    display: inline-block;
	
}

p {
  text-align: center;
  font-size: 60px;
  margin-top: 0px;
}


.outNow {
	width: 100%;
	height: 5%;
/*	background-color: #217BF8;*/
/*	border-bottom: 1px solid #2C9AB7;*/
	text-align: center;
/*	font-size:0px; */
	color: #FFFFFF;
/*	margin-top: -10%;*/
/*	z-index: 0;*/
	
	
}
.outNowText {
	color: #FFFFFF;
    text-align: center;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    letter-spacing: 7px;
    font-size: 60px;
font-size: 4.0vw;

		font-family: "Roboto", sans-serif;
font-weight: 900;
/*    font-weight: 400;*/
    padding-right: 0px;
}



.button {
	width: 200px;
/*	margin-top: 40px;*/
/*
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
*/
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 60px;
	text-transform: uppercase;
	border: 3px solid #FFFFFF;
	transition: all 0.3s linear;
	font-family: "Montserrat", sans-serif;
	letter-spacing: 3px;
	font-size: 20px;
	font-weight: 400;
	color:white;
}
.button:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}

/*
.listenbutton {
	font-family: "Roboto", sans-serif;
	letter-spacing: 3px;
		font-size: 20px;
		font-weight: 400;
	color:white;
}
*/
/*
.listenbutton:visited {
  color: green;
}
*/



/*
.imgAbout {
    width: 312px;
    height: auto;
    float: left;
    border: thin;
}
*/

.footer_banner {
    background-color: #d15c74;
	background: linear-gradient(180deg, rgba(237,158,180,1) 0%, rgba(209,92,116,1) 75%);
/*	  filter: blur(1px);*/
    padding-top: 10%;
/*    padding-bottom: 5px;*/
	padding-right: 0px;
/*    margin-bottom: 400px;*/
	margin: 0px;
/*	padding-left: 0px;*/
	color: aliceblue;
	bottom: 0;
	width: 100%;
position: fixed;
/*    bottom: 0;*/
    width: 100%;
	z-index: -1;
/*    background-image: url(../../images/pattern.png);*/
/*    background-repeat: repeat;*/
}
footer {
/*	display: inline-block;*/
}
.contact_text{
/*	padding-left: 10px;*/
/*	padding-right: 10px;*/
/*	line-height: 22px;*/
	text-align: center;
	font-family: "Montserrat", sans-serif;
	
	letter-spacing: 20px;
	padding-left: 20px;
	font-weight: 500;
	font-size: 25px;
	padding-bottom: 10px;
/*	width: 50%;*/
	text-transform: uppercase;
	
}

@media only screen and ( max-width : 767px ){
	  .responsive {
		width: 49.99999%;
		margin: 6px 0;
	  }

	.imgAbout {	
		width: 100%;
		margin-top: 10px;
		height: auto;
		border: thin;
	}
	
	.parallax_description {
		margin-top: 30px;
		overflow: hidden;
		text-align: center;
	}
	

	
	.about{
    display: inline-block;
    padding-top: 184px;
    background-color: #DEE1CF;
    margin-top: 0px;
    padding-bottom: 61px;
    padding-left: 71px;
    padding-right: 71px;
    width: 100%;
	}
	
	.outNow{
		width: 100%;
			font-size: 80%;
	}
	
	.outNowText {

	font-size: 8.6vw;
	}
	
	
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

 img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 10%;
}
.light {
	font-weight: bold;
	color: #717070;
}
.tagline {
	text-align: center;
	color: #FFFFFF;
	margin-top: 4px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* About Section */
.text_column {
	width: 29%;
	text-align: justify;
	font-weight: lighter;
	line-height: 25px;
	float: center;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.about {
    display: inline-block;
    padding-top: 39px;
    background-color: #DEE1CF;
    margin-top: 0px;
    padding-bottom: 76px;
    padding-left: 71px;
    width: 100%;
}

/* Stats Gallery */
.stats {
	color: #717070;
	margin-bottom: 5px;
}
.gallery {
    clear: both;
    display: inherit;
    width: 100%;
    /* [disabled]min-width: 400px;
*/
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}
.thumbnail {
	width: 25%;
	text-align: center;
	float: left;
	margin-top: 35px;
}
.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #52BAD5;
}
.gallery .thumbnail p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #A3A3A3;
}
/* Parallax Section */
.banner {
	background-color: #2D9AB7;
	background-image: url(file:/Desktop/DiscoGames.org/Gradient%20BG%20copy.jpg);
	height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
.parallax {
    color: #000000;
    text-align: left;
    padding-top: 0px;
    letter-spacing: 2px;
    margin-top: 0px;
    padding-bottom: 4px;
    font-size: 36px;
}
.parallax_description {
    color: #000000;
    padding-right: 22px;
    width: 61%;
    float: left;
    font-weight: 400;
    line-height: 27px;
    padding-top: 0px;
    font-family: actor;
    font-style: normal;
    font-size: 18px;
    padding-bottom: 345px;
    margin: auto;
    padding-left: 40px;
}
/* More info */
footer {
/*	background-color: #FFFFFF;*/
	padding-bottom: 35px;
}
.footer_column {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
footer .footer_column h3 {
	color: #B3B3B3;
	text-align: center;
}
footer .footer_column p {
	color: #717070;
/*	background-color: #FFFFFF;*/
}
.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 200px;
}
footer .footer_column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
}


.copyright {
		text-align:end;
	padding-right: 30px;
/*	position: fixed;*/
	font-size: 12px;
	
/*
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #000000;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
*/
}

.hidden {
	display: none;
}

/* Mobile */
@media (max-width: 600px) {
.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	display: none;

}
header nav ul {
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
}
.text_column {
	width: 100%;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.footer_column {
	width: 100%;
	margin-top: 0px;
}
.parallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	width: 100%;
	font-size: 50px;
}
.parallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 90%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	float: none;
	text-align: center;
}
.banner {
	background-color: #2D9AB7;
	background-image: none;
}
.tagline {
	margin-top: 20px;
	line-height: 22px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
}

/* Small Tablets    vertical menu */
@media (min-width: 200px)and (max-width: 767px) {
	
	header{
		text-align: center;
		
	}
	
	#countdown h1 {
  font-weight: normal;
  letter-spacing: .125rem;
  text-transform: uppercase;
	  
}
	#headline{
		font-size: 3vw;
	}

#countdown li {
  display: inline-block;
  font-size: 2.5vw;
  list-style-type: none;
  padding: 2em;
	padding-top: 0;
	padding-bottom: 0px;
  text-transform: uppercase;
	visibility: visible;
}

#countdown li span {
  display: block;
  font-size: 2.5rem;
}
	
	  h1 {
    font-size: calc(1.5rem * var(--smaller));
  }
  
  li {
    font-size: calc(1.125rem * var(--smaller));
  }
  
  li span {
    font-size: calc(3.375rem * var(--smaller));
  }
	
.container header nav {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
/*	padding-bottom: 20px;*/
    width: 100%;
	min-width: 100%;
    float: none;
    overflow: auto;
    display: inline-block;
/*	background-image: linear-gradient(#0037E3, #000B7E);*/
/*    background-color: #0037E3;*/
}
header nav ul {
	
	padding: 0px;
	float: none;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 100%;
	
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
/*	font-size: 100%;*/
}
	
.platforms{
margin-top: 20px;
	right: 30px;
}
.plaformicon{
	}
.logo {
    width: 100%;
    text-align: center;
/*    margin-top: 13px;*/
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    color: #FFFFFF;
}

	.logoPic{
/*		min-width: 200px;*/
/*		min-width: 60%;*/
/*		min-height: 50%;*/
		min-width: 100%;
/*		margin: 0;*/
		padding: 0;
}
	.logoholder{
		min-width: 80%;
}
	
	.row {
/*		max-width: 90%;*/
/*		margin: auto;*/

}

/* Create two equal columns that sits next to each other */
.column {
	max-width: 90%;
/*
	margin: auto;
	height: 100%;
	color:beige;
	display: flex;
    align-items:center;
	width: 500px;
	
*/

}
.column img {
	max-width: 100%;
/*  margin-top: 0px;*/
/*
	width: 500px;
	vertical-align: middle;

*/
	
	
/*			width: 100%;*/
}

.songcover{
		width: 90%;
		height: 90%;
	min-width: 90%;
	}
	
.logohead{
	width: 90%;
	height: 90%;
	min-width: 90%;

	}
	
.songtitle {
		margin-top: 25px;
	}

	
.text_column {
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.footer_column {
	width: 100%;
	margin-top: 0px;
}
.parallax {
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 40%;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    font-size: 70px;
}
.parallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
	width: 100%;
	text-align: center;
}
.thumbnail {
	width: 50%;
}
.parallax {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 20%;
}
.parallax_description {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	padding-top: 30px;
}
.banner {
	padding-left: 20px;
	padding-right: 20px;
}
.footer_column {
	width: 100%;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.text_column {
	width: 100%;
}
.thumbnail {
	width: 50%;
}
.text_column {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.banner {
	margin-top: 0px;
	padding-top: 0px;
}
}
.imgTrue {
}