/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 1, 2018 */



@font-face {
    font-family: 'avengeance_mightiest_avengeRg';
    src: url('avengeance_mightiest_avenger-webfont.woff2') format('woff2'),
         url('avengeance_mightiest_avenger-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
}
body{
  background-color: rgb(46, 44, 48);
  background-size: cover;
  position: relative;
}

/* +++++++ S T A R T +++++++ */

#start{
	background: url(img/np_band.jpg);
	background-size: cover;
	background-position: 50% 0;
}
.start>.container-fluid{
	height: 100vh;
}
.logo{
	max-width: 100%;
	height:auto;
	max-height: 400px;
}
.noFloat {
	width: 100%;
	float: none;
}	

/*ul.smlinks {
  float: right;
  list-style: none;
  padding: 0 5% 0 60%;
	position: absolute;
  z-index: 100;
}
ul.smlinks li {
  margin: 0px;
  display: inline;
  padding: 0px;
}
ul{
	margin-right: 10%;
	margin-top: -6%;
}*/
svg .redRectangle {
	fill: none;
	opacity: 0.4;
	stroke: white;
	stroke-width: 15;
}
.img-overlay-wrap>svg{
	position: relative;
	display: inline-block;
	width: 100%;
}
.img-overlay-wrap img{
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;
}
.shapeDemo {
	height: 100vh;
	width: 100%;
}


/* +++++++ A L B U M +++++++ */

#mouth{
	background: url(img/np_ptey-mouth.png) 5% 50% no-repeat;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
}
.album>container{
	position: relative;
}
.album img{
	max-height: 500px;
	position: relative;
}
table{
	color: rgb(200,200,200);
	margin-top: 5%;
}
.collapse{
	display: none;
}

/* +++++++ Y O U T U B E +++++++ C O N T A C T +++++++ */

#youtube h1, #contact h1{
	color: rgba(255,255,255,1.00);
}
#youtube, #contact{
	background-color: rgb(170, 50, 59);
}
#youtube p, #contact p{
	color: rgb(255,255,255)
}
#contact{
	line-height: 1.5;
	min-height: 50vh;
}
#contact a:hover{
	color: rgb(235, 131, 135);
}


/* +++++++ D I S C O G R AP H Y +++++++ */

#discography{
	min-height: 100vh;
}
#discography img{
	max-height: 200px;
	width: auto;
}
#discography p{
	margin-bottom: 10%;
	margin-top: 5%;
	font-size: 0.8rem;
}
.cart{
	height: 60px;
}
.cover {
  opacity: 1;
  display: inline-block;
	position: relative;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.overlay {
	display: none;
  transition: .5s ease;
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
	bottom: 0;
  text-align: center;
}
#discography .cover:hover .overlay{
	display: block;
  opacity: 1;
	transition: .5s ease;
}

/* +++++++ P R E S S +++++++ */

#press{
	background-image: url(img/np_press-bg.png);
	background-size: cover;
	min-height: 100vh;
}
#press .collapse p{
	padding: 1%;
}
.btn-press {
      background: none;
      color: rgb(154, 242, 195);
      font-size: 1rem;
}

/* +++++++ D E C O R A T I O N S +++++++ */

.btn-primary, .btn-primary:hover, .btn-primary:focus{
	background-color: rgb(235, 131, 135);
	border-color: rgb(170, 50, 59);
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(170, 50, 59, .5);
}
h1{
	font-family: "avengeance mightiest avenger";
	font-size: 1.5rem;
	color: rgb(170, 50, 59);
}
h2{
	font-size: 1.5rem;font-style: italic;
	font-size: 1.2rem;
	color: rgb(250, 250, 250);
}
hr{
	border-top: 1px solid rgb(200,200,200);
}
p{
	color: rgb(200,200,200);
	font-family: sans-serif;
	font-size: 0.8rem;
}
a{
	color: rgb(235, 131, 135);
	font-style: italic;
}
a:hover{
	color: rgb(170, 50, 59);
	text-decoration: none;
}
i{
	color: rgb(100, 100, 100);
	font-style: italic;
}
button {
	 background-color: rgb(0, 0, 0);
      border: none;
      color: rgb(255, 255, 255);
      cursor: pointer;
      margin: 0;
}
.container{
	padding-top: 5%;
}

/* +++++++ F O O T E R +++++++ */

ul .earlinks {
    float: right;
      height: 30px;
      margin: 0px 0 0 0;
      padding: 0;
      position: relative;
      top: 0;
      z-index: 100;
}

    #footer{
      background-color: rgb(0, 0, 0);
      padding: 10px;
    }
#footer p{
      color: rgb(255, 255, 255);
      font-size: 12px;
      margin: 1%;
    }
.earlinks{
	margin: 1%;
}
#footer ul{
      list-style: none outside none;
      padding: 0px;
}
#footer ul li{
      margin: 0px;
      display: inline-block;
      padding: 0px;
}

/* +++++++ M E D I A Q U E R I E S +++++++ */

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	h1{
		font-size: 2rem;
	}
	h2{
		font-size: 1.5rem;
	}
	p{
		font-size: 1rem;
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	#album .collapse{
		display: block;
	}
	#youtube{
	height: 100vh;
}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	h1{
		font-size: 2.5rem;
	}
}