@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Lekton|Source+Sans+Pro:300,400,600|Inconsolata|Open+Sans:400,300);

html { height: 100%;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: 300;
    font-size: 0.938em;
    color: #262626;
    overflow: scroll;
    overflow-x: hidden;
}


.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* Header Style */

header {
	padding: 10px 10px;
	width: 100%;
	margin-right: 0;
	margin-left: 16.5%;
}

h1 {
	font-family: 'Helvetica';
	font-weight: 300;
	font-size: 6.25em;
	letter-spacing: 0.05em;
	margin-top: 1.5%;
}

.logo {
	float: left;
	margin-top: 1.45%;
	margin-left: 8%;
	margin-right: 2%;
	width: 6.5em;
	background: url('../images/logo_sprite.png') 0 0px;
}

.logo:hover {
	opacity: 0.5;
    filter: alpha(opacity=60); 
}


/* Nav */

nav {
	font-size: 1.65em;
	line-height: 34px;
	margin-top: 1.15%;
	padding-left: 25%;
	text-transform: uppercase;
	position: relative;
	display: block;
	width: 100%;
	background-color: #FFF;
	border-top: 1px solid #C5EFFA;
	border-bottom: 1px solid #C5EFFA;
}

nav a {
	letter-spacing: 1px;
	padding-right: 8%;
	color: #000;
	text-decoration: none;
}

nav a:hover {
	color: #00BDEC;
	background: none;
}

.navselect {
	color: #00BDEC;
	background: none;
	font-style: italic;
	text-shadow: 3px 0px 2px yellow;
}


/* Release Styles */ 

.main {
	background: -webkit-linear-gradient(60% 90%, 10% 41%, from(#FFF), to(#00bdec));
	background: -moz-linear-gradient(top, #FFFFFF 5%, #c5effa 50%, #00bdec 90%);
	background: -o-linear-gradient(top, #FFFFFF 5%, #c5effa 50%, #00bdec 90%);
	background: linear-gradient(180deg, #FFFFFF 5%, #C5EFFA 50%, #00BDEC 90%);
}

.main a:hover {
    opacity: 0.7;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}


/* Social Media Sprites */

.twitter {
	width: 30px;
	height: 30px;
	background: url('../images/socialsprites3.png') 0 -203px;
}

.twitter:hover {
	background: url('../images/socialsprites3.png') 0 -348px;
}

.facebook {
	width: 29px;
	height: 29px;
	background: url('../images/socialsprites3.png') 0 -243px;
}

.facebook:hover {
	background: url('../images/socialsprites3.png') 0 -652px;
}

.soundcloud {
	width: 32px;
	height: 32px;
	background: url('../images/socialsprites3.png') 0 -273px;
}

.soundcloud:hover {
	background: url('../images/socialsprites3.png') 0 -382px;
}

.instagram {
	width: 32px;
	height: 32px;
	background: url('../images/socialsprites3.png') 0 -308px;
}

.instagram:hover {
	background: url('../images/socialsprites3.png') 0 -689px;
}

.youtube {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -125px;
}

.flickr {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -155px;
}

.twitterblack {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -347px;
}

.twitterblack:hover {
	background: url('../images/socialsprites3.png') 0 -1px;
}

.soundcloudblack {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -382px;
}

.soundcloudblack:hover {
	background: url('../images/socialsprites3.png') 0 -75px;
}

.youtubeblack {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -420px;
}

.youtubeblack:hover {
	background: url('../images/socialsprites3.png') 0 -145px;
}

.flickrblack {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -465px;
}

.flickrblack:hover {
	background: url('../images/socialsprites3.png') 0 -175px;
}

.bloggerblue {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -503px;
}

.bloggerblue:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -538px;
}

.websiteblue {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -608px;
}

.websiteblue:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -573px;
}

.itunesblack {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -732px;
}

.itunesblack:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -773px;
}

.bandcampblack {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -812px;
}

.bandcampblack:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -851px;
}

.vinylblack {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -890px;
}

.vinylblack:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -930px;
}

.cdblack {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -970px;
}

.cdblack:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -1007px;
}

.twitternav {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -347px;
}

.twitternav:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -203px;
}

.soundcloudblack2 {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -382px;
}

.soundcloudblack2:hover {
	background: url('../images/socialsprites3.png') 0 -274px;
}

.youtubeblack2 {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -420px;
}

.youtubeblack2:hover {
	background: url('../images/socialsprites3.png') 0 -1045px;
}

.spaceshipawaits {
	background: url('../images/socialsprites3.png') 0 -1096px;
}

.cwx {
	background: url('../images/socialsprites3.png') 0 -1141px;
}

.smn2 {
	background: url('../images/socialsprites3.png') 0 -1190px;
}

.cotl {
	background: url('../images/socialsprites3.png') 0 -1237px;
}

.bohe {
	background: url('../images/socialsprites3.png') 0 -1284px;
}

.smn {
	background: url('../images/socialsprites3.png') 0 -1330px;
}

.panther {
	background: url('../images/socialsprites3.png') 0 -1378px;
}

.suzie {
	background: url('../images/socialsprites3.png') 0 -1425px;
}

.smokerings {
	background: url('../images/socialsprites3.png') 0 -1470px;
}

.fojotp {
	background: url('../images/socialsprites3.png') 0 -1517px;
}

.onemil {
	background: url('../images/socialsprites3.png') 0 -1562px;
}

.whiteflight {
	background: url('../images/socialsprites3.png') 0 -1605px;
}

.hanz {
	background: url('../images/socialsprites3.png') 0 -1675px;
}

.twitterartist {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -347px;
}

.twitterartist:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -203px;
}

.soundcloudartist {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -382px;
}

.soundcloudartist:hover {
	width: 32px;
	height: 32px;
	background: url('../images/socialsprites3.png') 0 -273px;
}

.youtubeartist {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -420px;
}

.youtubeartist:hover {
	background: url('../images/socialsprites3.png') 0 -1045px;
}

.flickrartist {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -465px;
}

.flickrartist:hover {
	width: 32px;
	background: url('../images/socialsprites3.png') 0 -1640px;
}




/* Artist Styles */


.artistmain {
	background: #FFF;
}

.artistmain a:hover {
    opacity: 0.7;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}



/* News Styles */

#news {
		padding: 2.11% 35% 2% 28%;
}

#news > p {
	font-family: 'Inconsolata';
    font-weight: 400;
    font-size: 1.25em;
    color: #333;
    letter-spacing: 0.03em;
    line-height: 1.25;
    text-align: justify;
    margin-top: 13px;
    overflow-x: hidden;
    background-color: none;
    padding: 5px;
}

#news a {
	text-decoration: none;
	font-weight: 300;
	color: black;
	background: -webkit-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* FF3.6+ */
 	background:     -ms-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* IE10 */
 	background:      -o-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* Opera 11.10+ */
 	background:         linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* W3C */
}

#news a:hover {
	background: -webkit-linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* FF3.6+ */
	background:     -ms-linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* IE10 */
	background:      -o-linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* Opera 11.10+ */
	background:         linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* W3C */
}

.newstitle {
	background-color: #FFF;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.newstitle:hover {
	background: -webkit-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* FF3.6+ */
 	background:     -ms-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* IE10 */
 	background:      -o-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* Opera 11.10+ */
 	background:         linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* W3C */
}

.signature {
	text-decoration: underline;
}

.gradient1 {
	background: -webkit-linear-gradient(60% 90%, 10% 41%, from(#FFF), to(#00bdec));
	background: -moz-linear-gradient(top, #FFFFFF 5%, #c5effa 50%, #00bdec 90%);
	background: -o-linear-gradient(top, #FFFFFF 5%, #c5effa 50%, #00bdec 90%);
	background: linear-gradient(180deg, #FFFFFF 5%, #C5EFFA 50%, #00BDEC 90%);
}

.gradient2 {
  background: -webkit-linear-gradient(180deg, #FFF 5%, #70e1f5 50%, #ffd194 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(180deg, #FFF 5%, #70e1f5 50%, #ffd194 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(180deg, #FFF 5%, #70e1f5 50%, #ffd194 90%); /* IE10 */
  background:      -o-linear-gradient(180deg, #FFF 5%, #70e1f5 50%, #ffd194 90%); /* Opera 11.10+ */
  background:         linear-gradient(180deg, #FFF 5%, #70e1f5 50%, #ffd194 90%); /* W3C */
}

.gradient3 {
  background: -webkit-linear-gradient(180deg, #FFF 20%, #E5E5BE 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(180deg, #FFF 20%, #E5E5BE 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(180deg, #FFF 20%, #E5E5BE 90%); /* IE10 */
  background:      -o-linear-gradient(180deg, #FFF 20%, #E5E5BE 90%); /* Opera 11.10+ */
  background:         linear-gradient(180deg, #FFF 20%, #E5E5BE 90%); /* W3C */
}

.gradient4 {
  background: -webkit-linear-gradient(180deg, #FFF 10%, #C5EFFA 30%, #43cea2 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(180deg, #FFF 10%, #C5EFFA 30%, #43cea2 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(180deg, #FFF 10%, #C5EFFA 30%, #43cea2 90%); /* IE10 */
  background:      -o-linear-gradient(180deg, #FFF 10%, #C5EFFA 30%, #43cea2 90%); /* Opera 11.10+ */
  background:         linear-gradient(180deg, #FFF 10%, #C5EFFA 30%, #43cea2 90%); /* W3C */
}

.gradient5 {
  background: -webkit-linear-gradient(0deg, #F8CDDA 10%, #FFF 95%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(0deg, #F8CDDA 10%, #FFF 95%); /* FF3.6+ */
  background:     -ms-linear-gradient(0deg, #F8CDDA 10%, #FFF 95%); /* IE10 */
  background:      -o-linear-gradient(0deg, #F8CDDA 10%, #FFF 95%); /* Opera 11.10+ */
  background:         linear-gradient(0deg, #F8CDDA 10%, #FFF 95%); /* W3C */
}

.gradient6 {
	background: -o-linear-gradient(bottom, #FFFFFF 12%, #0DD9C8 67%, #27C4FF 100%, #FF8929 100%);
	background: -moz-linear-gradient(bottom, #FFFFFF 12%, #0DD9C8 67%, #27C4FF 100%, #FF8929 100%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 12%, #0DD9C8 67%, #27C4FF 100%, #FF8929 100%);
	background: -ms-linear-gradient(bottom, #FFFFFF 12%, #0DD9C8 67%, #27C4FF 100%, #FF8929 100%);
	background: linear-gradient(to bottom, #FFFFFF 12%, #0DD9C8 67%, #27C4FF 100%, #FF8929 100%);
}

.gradient7 {
	background: -o-linear-gradient(bottom, #FFFFFF 7%, #FFC247 63%, #FF8929 79%);
	background: -moz-linear-gradient(bottom, #FFFFFF 7%, #FFC247 63%, #FF8929 79%);
	background: -webkit-linear-gradient(bottom, #FFFFFF 7%, #FFC247 63%, #FF8929 79%);
	background: -ms-linear-gradient(bottom, #FFFFFF 7%, #FFC247 63%, #FF8929 79%);
	background: linear-gradient(to bottom, #FFFFFF 7%, #FFC247 63%, #FF8929 79%);
}



/* About Styles */


#about {
	padding: 1% 25% 10% 17%;
	background: -webkit-linear-gradient(60% 90%, 10% 41%, from(#FFF), to(#00bdec));
	background: -moz-linear-gradient(top, #FFFFFF 5%, #c5effa 50%, #00bdec 90%);
	background: -o-linear-gradient(top, #FFFFFF 5%, #c5effa 50%, #00bdec 90%);
	background: linear-gradient(180deg, #FFFFFF 5%, #C5EFFA 50%, #00BDEC 90%);
}

#about > p {
	font-family: 'Inconsolata';
    font-weight: 400;
    font-size: 1.25em;
    color: #333;
    letter-spacing: 0.05em;
    line-height: 1.25;
    margin-top: 13px;
    padding: 5px;
    text-align: justify;
    background-color: rgba(255,255,255,0.8);
    
}


#about  a {
	text-decoration: none;
	font-weight: 400;
	color: black;
	background: -webkit-linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* Chrome 10+, Saf5.1+ */
  	background:    -moz-linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* FF3.6+ */
  	background:     -ms-linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* IE10 */
  	background:      -o-linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* Opera 11.10+ */
  	background:         linear-gradient(90deg, #C9FFBF 10%, #FFAFBD 90%); /* W3C */
}

#about  a:hover {
	background: -webkit-linear-gradient(90deg, #FFAFBD 10%, #C9FFBF 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(90deg, #FFAFBD 10%, #C9FFBF 90%); /* FF3.6+ */
	background:     -ms-linear-gradient(90deg, #FFAFBD 10%, #C9FFBF 90%); /* IE10 */
	background:      -o-linear-gradient(90deg, #FFAFBD 10%, #C9FFBF 90%); /* Opera 11.10+ */
	background:         linear-gradient(90deg, #FFAFBD 10%, #C9FFBF 90%); /* W3C */
}

.aboutimages {
	margin-top:38px; 
	margin-right: 1%; 
	margin-left:17%; 
	width: 30%; 
	float: left;
}

.sociallink > a {
	background: none;
	border: none;
}

.sociallink a:hover {
	background: none;
	border: none;
}

#about .sociallink  {
	background-color: none;
	padding-top: 10px;
}

#about > .sociallink > a {
	background: none;
	border: none;
	margin-right: 4%;
	padding-left: 4%;
}

.footer {
	margin-top: 2%;
	margin-left: 32%;
}

#footer {
	padding-bottom: 5%;
}

#footer > a {
	background: none;
	border: none;
	margin-right: 4%;
	padding-left: 4%;
}


/* Text Styles */

.bold {
	font-family: 'Source Sans Pro', Calibri, Arial, sans-serif;
	font-weight: 300;
	font-size: 1.5em;
	background: -webkit-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* FF3.6+ */
	background:     -ms-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* IE10 */
	background:      -o-linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* Opera 11.10+ */
	background:         linear-gradient(90deg, #70e1f5 10%, #ffd194 90%); /* W3C */
}

.semibold {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	padding: 3px;
	color: #333;
}



/* Media Queries */

@media screen and (max-width: 2260px) {
nav a {padding-right: 9%; }
#news {padding-right: 28%;} 
#about {padding: 1.25% 21% 10% 17%; }
}

@media screen and (max-width: 2020px) {
nav a {padding-right: 10%; }
#news { padding-right: 22%; }
#about { padding: 1.25% 17% 10% 17%; }
}

@media screen and (max-width: 1815px) {
header {
	padding: 10px 10px;
	width: 100%;
	margin-right: 0;
	margin-left: 10%; 
}

nav {
	padding-left: 18%;
}

nav a {padding-right: 10%;}

#news {
	padding-right:25%;
	padding-left: 22%;
}

#about {padding: 1.25% 20% 10% 15%; }
.aboutimages {margin-left:15%; }

} 


/*  MacBook Pro 15" Z Laptop */

@media screen and (max-width: 1550px) {
body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: 300;
    font-size: 0.938em;
    color: #262626;
    overflow: scroll;
    overflow-x: hidden;
}

.container {
	width: 100%;
	position: relative;
}

/* Header Style */

header {
	padding: 10px 10px;
	margin: 0 auto;
	width: 100%;
}

header a:hover {
	background-image: url(../images/twitter1.png);
}

h1 {
	font-family: 'Helvetica';
	font-weight: 300;
	font-size: 6.25em;
	letter-spacing: 0.005em;
	margin-top: 1.5%;
}

.logo {
	float: left;
	margin-top: 1.45%;
	margin-left: 10.5%;
	margin-right: 5.85%;
	width: 6.5em;
	background: url('../images/logo_sprite.png') 0 0px;
}

/* Nav */

nav {
	line-height: 42px;
	margin-left: 0%;
	padding-left: 12%;
}

nav a {
	margin: 0 auto;
	padding-right: 5%;
	margin-right: 6%;
	color: #000;
	display: inline-block;
}

#news {
	padding: 2.11% 25% 2% 18.5%;
}

#news > p {
    font-size: 1.18em; 
}

#about {
	padding: 1.55% 20% 10% 14%;
}

.aboutimages {
	margin-left: 14%; 
}

#about > p {
	font-size: 1.18em;
}

#about a {
	color: #333;
}

}

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

h1 {font-size: 4.5em;}
	
.logo {
	width: 4.5em;
	background: url('../images/logo_sprite.png') 0 -100px;
	margin-left: 13%;
}

nav { 
	font-size: 1.25em;
	padding-left: 14%;}

nav a {margin-right: 4%;}

#news {padding: 2.15% 26% 2% 16%;}

#about {padding-left: 14%; }

.aboutimages {margin-left: 14%; }

}


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

	
h1 {font-size: 4.5em;}
	
.logo {
	width: 4.5em;
	background: url('../images/logo_sprite.png') 0 -100px;
	margin-left: 9%;
}

nav a {
	margin-right: 4%;
}

#news {padding: 2.15% 20% 2% 18.5%;}

}

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

h1 {font-size: 3.5em;}
.logo {
	width: 3.45em;
	background: url('../images/logo_sprite.png') 0 -165px;
	margin-left: 16%;
}

nav { 
	font-size: 1em;
	padding-left: 20%;
}
nav a { margin-right: 3%; }

.main > p {font-size: 1em;}
.artistmain > p {font-size: 1em;}
#news {padding: 2% 14% 2% 13.5%;}
#news p { font-size: 1em;}
.semibold { font-size: .85em;}
#about {padding-right: 16%;}
#about p { 
	font-size: 1em;  }
}


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

h1 {font-size: 3.5em;}
.logo {
	width: 3.45em;
	background: url('../images/logo_sprite.png') 0 -165px;
	margin-left: 10%;
}

nav { 
	font-size: 1em;
	padding-left: 12%;
}

nav a { padding-right: 7%;}

.main > p {font-size: 1em;}
.artistmain > p {font-size: 1em;}
#news {padding: 2% 18% 2% 13.5%;}
#news p { font-size: 1em;}
.semibold { font-size: .85em;}
#about {padding: 1.3% 18% 10% 13.5%;}
#about p { 
		font-size: 1em;  
}
.aboutimages {
		margin-top: 32px;
		margin-left: 15%;
}

}

/*iphone6 landscape*/
@media screen and (max-width: 700px) {
	
h1 {
	font-size: 2.5em;
	padding-top: 0px;
}

.logo {
	width: 2.75em;
	background: url('../images/logo_sprite.png') 0 -222px;
	margin-left: 15%;
	margin-right: 8%;
}

nav { 
	font-size: 12px;
	margin: 0 auto;
	padding-left: 15%;
}

nav a {margin-right: 2.5%;}
	
#about {padding: 3% 5%;}
#about > p {font-size: 0.85em;}
#news {padding: 5%;}
#news > p {
	font-size: 0.85em;
	line-height: 1.25em;
}

.aboutimages {
	margin-top:38px; 
	margin-right: 1%; 
	margin-left:5.5%; 
	width: 90%; 
}

.footer {
	margin-left: 22%;
	padding-top: 10%;
	padding-bottom: 5%;
}

.colophon {display: none;}
.videos {display: none;}
.releasedate {display: none;}

}

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

h1 {
	font-size: 2.05em;
	padding-top: 5px;
}

.logo {
	width: 2.75em;
	background: url('../images/logo_sprite.png') 0 -222px;
	margin-left: 1%;
	margin-right: 4%;
}

nav { 
	font-size: 12px;
	padding-left: 0px;
}

nav a {margin-right: 0%;}
	
#about {padding: 3% 5%;}
#about > p {font-size: 1.2em;}
#news {padding: 5%;}
#news > p {
	font-size: 1.2em;
	line-height: 1.25em;
}

.aboutimages {
	margin-top:38px; 
	margin-right: 1%; 
	margin-left:5.5%; 
	width: 90%; 
}

.colophon {display: none;}
.videos {display: none;}
.releasedate {display: none;}

}



/* small tablet ie milla's */
@media screen and (max-width: 610px) {

h1 {font-size: 2.95em;}
.logo {
	margin-top: 2.75%;
	margin-left: 9%;
	margin-right: 4%;
	width: 2.75em;
	background: url('../images/logo_sprite.png') 0 -222px;
}

nav { 
	font-size: 14px;
	padding-left: 40px;
}

nav a {margin-right: 3%;}
	
#about {padding: 3% 5%;}
#about > p {font-size: 1.35em;}
#news {padding: 5%;}
#news > p {
	font-size: 1.35em;
	line-height: 1.35em;
}

.aboutimages {
	margin-top:38px; 
	margin-right: 1%; 
	margin-left:5.5%; 
	width: 89.5%; 
}

.colophon {display: block;}
.videos {display: block;}
.releasedate {display: block;}
	
}


/* iphone 6 portrait */
@media screen and (max-width: 600px) {

h1 {
	font-size: 2.05em;
	padding-top: 5px;
}

.logo {
	width: 2.75em;
	background: url('../images/logo_sprite.png') 0 -222px;
	margin-top: 1.45%;
	margin-left: 1%;
	margin-right: 4%;
}

nav { 
	font-size: 12px;
	padding-left: 26px;
}

nav a {
	margin-right: 0%;
	padding-right: 8%;
}
	
#about {padding: 3% 5%;}
#about > p {font-size: 1.2em;}
#news {padding: 5%;}
#news > p {
	font-size: 1.2em;
	line-height: 1.25em;
}

.aboutimages {
	margin-top:38px; 
	margin-right: 1%; 
	margin-left:5.5%; 
	width: 90%; 
}

.footer {
	margin-left: 12%;
	padding-bottom: 5%;
}

.colophon {display: none;}
.videos {display: none;}
.releasedate {display: none;}
.twitternav {display: none;}

}


/*@media screen and (max-width: 320px) 
 D phone  */
@media only screen and (max-device-width: 320px) and (min-device-width: 0px) {
		
h1 {
	font-size: 1.75em;
	padding-top: 0px;}
.logo {width: 2.5em;
	margin-left: 1%;
	background: url('../images/logo_sprite.png') 0 -272px;
}

nav { 
	font-size: 0.75em;
	padding-left: 20px;
}

nav a {margin-right: 0%;
	   padding-right: 7%;}
	
#about {padding: 5%;}
#about > p {
	font-size: 1.05em;
	line-height: 1.3em;
}

#news {padding: 5%;}
#news > p {
	font-size: 1.05em;
	line-height: 1.3em;
}

.aboutimages {
	margin-top:18px; 
	margin-right: 1%; 
	margin-bottom: 10px;
	margin-left:5.75%; 
	width: 90%; 
}

.footer {margin-left: 5%;}
.colophon {display: inline-block;}
.videos { display: none;}

}