/* 
red = #ed262f

*/ 

*{ margin: 0 auto;}

body {background-color: #000;
	font-family: 'Oswald';
	font-style: normal;
  	font-weight: 300;
	margin: 15px 0 0 0;
	font-size:20px;
	line-height:1.2;
	color:#fff;
	letter-spacing:1px;
	-webkit-user-select: none;
	-webkit-touch-callout:none;}
html {height:101%;}
strong {font-style: normal;
	font-weight: 700;}
p {width:100%;
	max-width:1200px;
	margin:20px auto 0 auto;
	padding:0;
	color:#fff;
	font-size:22px!important;
	font-weight:400;
	line-height:1.5!important;}	
b {font-style: normal;
	font-weight: 700;}
.nowrap {white-space:nowrap;}

.hide-desktop {display:none;}
.hide-tablet {display:none;}
.hide-mobile {display:inline;}
.display-mobile {display:none;}
.display-desktop {display:block;}
.smalltext {font-size: 9pt;}
.medium {font-size: 24px;
	text-align:center;}
.large {font-size: 28px;
	text-align:center;}
.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}
.floatright {float: right;
	padding-left:20px;}
.floatleft {float: left;
	text-align:center;
	padding-right:10px;}
.clear {clear:both;}
footer {padding-bottom:40px;
	text-align:center;}
footer p {font-size:16px!important;}

.container {width:100%;
	max-width:1300px;
	margin:auto;}

img {border:0;
	display:block;}	
img.fullwidth {width:100%;}
img.img {width:100%;
	max-width:1300px;}
img.img-medium {width:100%;
	max-width:1000px;}	
img.logo {width:290px;}
img.spotify {width:150px;
padding-top:30px;}

h1 {font-family:Oswald;
	font-size:38px!important;
	color:white;
	font-weight:600;
	line-height:1.3;}
h1.intro {margin-top: 40px;}	
	
.contact {text-align:center;
	font-size:22px;
	padding-bottom:40px;}
.copyright {font-size:14px;
	font-weight:normal;
	color:#ccc;}

a:link {color: #ed262f;
	transition: all 0.2s linear;
	text-decoration:none;}
a:visited {color: #ed262f;}
a:hover {color: #fff;}
a:active {color: #fff;}

.peek {text-align:center;
	margin:60px auto;}
.peek img {width:95%;
	max-width:1200px;
	margin:-10px auto 0 auto;
	border:1px solid white;}

.pr {margin-top:80px;
	border-bottom:1px solid white;
	width: 90%;
	max-width:1200px;
	margin:14px auto;
	padding-bottom:14px;}
.pr-title {font-family:Oswald;
	font-size:28px!important;
	color:white;
	font-weight:400;
	line-height:1.3;
	width:90%;
	padding:5px;}
.pr-subtitle {font-family:Oswald;
	font-size:22px!important;
	color:white;
	font-weight:400;
	line-height:1.3;
	font-style:italic;
	padding-bottom:20px;
	padding-top:4px;
	width:90%;}	

.fadein {animation:1s ease 0s normal forwards 1 fadein;
-webkit-animation:1s ease 0s normal forwards 1 fadein;
opacity:1;
transition-delay: 2500ms;
}

@keyframes fadein{
    0%{opacity:0}
    80%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes fadein{
    0%{opacity:0}
    80%{opacity:0}
    100%{opacity:1}
}




/* RESPONSIVE CSS ----------- */


@media (min-width: 0px) and (max-width: 1000px) {

p {width:100%;
	margin:20px auto 0 auto;
	padding:0;
	color:#fff;}

.floatright {float: none;
	padding:0;}
.floatleft {float: none;
	padding:0;}
.hide-desktop {display:inline;}
.hide-mobile {display:none!important;}	
.display-mobile {display:inline!important;}
.display-desktop {display:none!important;}

img.img {width:99%;}

.bookcover {width:60%;
	max-width:auto;}
	
}


@media (min-width: 0px) and (max-width: 900px) {
	
.header {margin:0px 0;
	font-size:30px;}
	
p {width:90%;
	font-size:18px!important;
	line-height:1.4;}


footer .logo {width:190px;}
footer a {font-size:19px;
	position:relative;
	top:-5px!important;}
	
}


@media (min-width: 0px) and (max-width: 597px) {

.mobilepad {width:100%!important;}

}


@media (min-width: 598px) and (max-width: 715px) {

.mobilepad {width:99.6%!important;}

}

@media (min-width: 716px) and (max-width: 1000px) {

.mobilepad {width:98.6%!important;}

}

@media (min-width: 1000px) and (max-width: 1340px) {

.mobilepad {width:98.5%!important;}

}