/* Responsive - for mobile*/


@media (max-width: 3000px){
.footlogo{width:8%;}
.downloadButton {padding:3%;}
.mobile-nav {display:none;}
}


@media (max-width: 1920px){
    .homePage {margin-left:10%; margin-right:10%;}
    .creditPage {margin-left:10%; margin-right:10%;}
    .studioPage {margin-left:10%; margin-right:10%;}
    .contactPage {margin-left:10%; margin-right:10%;}
	
	.social-bar{
		align-content:center;
		margin-left:84%;
		margin-right:3%;}
		
	.social-bar-foot {
		align-content:center;
		margin-left:43%;
		margin-right:43%;}
		
	.footlogo {width: 10%;}
	.logo {width:18%;}
	.mobile-nav {display:none;}
}

@media (max-width: 1600px){
	
	.social-bar{
		align-content:center;
		margin-left:80%;
		margin-right:3%;}
		
	.social-bar-foot {
		align-content:center;
		margin-left:42%;
		margin-right:42%;}
		
	.logo {width:20%;}
	.footlogo {width:15%;}
	.mobile-nav {display:none;}
}

@media (max-width: 1400px){
	.social-bar{
		align-content:center;
		margin-left:76%;
		margin-right:4%;}
		
	.social-bar-foot {
		align-content:center;
		margin-left:40%;
		margin-right:40%;}
		
	.logo {width:20%;}
	.footlogo {width:15%;}
	.downloadButton {padding:5%;}
	.mobile-nav {display:none;}
}

@media (max-width: 1200px){
	.social-bar{
		align-content:center;
		margin-left:70%;
		margin-right:4%;}
		
	.social-bar-foot {
		align-content:center;
		margin-left:35%;
		margin-right:35%;}
		
	.footlogo:{width:20%;}
	.logo {width:20%;}
	.mobile-nav {display:none;}
}

@media (max-width: 1000px){
	
/*Hide desktop navigation and top social bar*/
	.social-bar{display:none;}
	.pill-nav {display:none;}

/*Mobile navigation menu*/

.mobile-nav {display:block;font-family:Open Sans;}

.topnav {
  overflow: hidden;
  background-color: #C00F0C;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: #C00F0C;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #C00F0C;
  color: white;
}

.active {
  background-color:#C00F0C;
  color: white;}


/*Social bar menu*/
	.social-bar-foot {
		align-content:center;
		margin-left:35%;
		margin-right:35%;}
		
/*Logos*/
	.footlogo:{width:20%;}
	.logo {width:35%;}
	
/*Players*/
	.demoPlayer {width:100%;}
	.samplePlayer {width:100%;}
	.visualPlayer {width:100%;}
	audio {width:100%;}
	
/*Buttons*/
	.downloadButton {padding:3%;}
	
	
	
/*Section/Column sizing*/

/*Home or Demo Page*/
	.homePage {
		margin-left:8%;
		margin-right:8%;
	    padding-bottom:5%;
	}
	
	.column1 {
		flex:100%; 
		text-align:left;
		padding-bottom:5%;}
		
/*Credit Page*/
	.creditPage {
		margin-left:8%;
		margin-right:8%;
		gap:0;
	}
	
	.column2 {
		padding-top:5%;
		flex:100%;}
	
	.column3 {
		flex:100%;
		flex-wrap:nowrap;
		flex-direction:row;
		text-align:center;}
	.column3 img {width:32%;}
	
	.column4 {flex:100%;}
	.column4 h1 {margin:0;}
	
/*Studio Page*/
	.studioPage {
		margin-left:8%;
		margin-right:8%
	}
	
/*Contact Page*/
	.contactPage {
		margin-left:8%;
		margin-right:8%;
	}
	
	
}
@media (max-width: 500px){
	
	/*Special formatting for very small screens*/
	.social-bar{
		display:none;}
		
	.social-bar-foot {
		align-content:center;
		margin-left:10%;
		margin-right:10%;}
	
	.footlogo {width:40%;}
	
	.logo {width:60%;}
}