@charset "utf-8";
@import url("shopcss.css");
#heading {
	<link rel="stylesheet" href="https://use.typekit.net/mrh6yyi.css">
    font-family: forma-djr-deck, sans-serif;
    text-shadow: 0px 0px 0px;
    /* [disabled]letter-spacing: -9%; */
}

*{
	margin: 0px;
	padding: 0px;
}

.gallery {
	padding-left: 15vw;
	padding-right: 15vw;
	padding-top: 9vh;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: repeat(2);
	grid-gap: 15px;
}

.gallery_img{
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: cover;
	transition: transform .2s;		
}

.gallery_img:hover {
	-ms-transform: scale(1.3); /* IE 9 */
	-webkit-transform: scale(1.3); /* Safari 3-8 */
	transform: scale(1.3) rotate(3deg); 
}

/*.ribbon{
	position:relative;
	z-index: -1;
	height: auto;
	overflow: hidden;
}*/
.navbar{
    padding: 8px;
	background-color: #F40303;
	/*background-image: url("ribbon.png");*/
	background-size:contain;
	width: auto;
	overflow: hidden;
}

.navbar a:hover{
	transition: .2s;
	color: #FF89D4;
	-ms-transform: scale(1.4); /* IE 9 */
  	-webkit-transform: scale(1.4); /* Safari 3-8 */
  	transform: scale(1.4);
}

@media screen and (max-width : 1423px ){
	ul.navbar li.right, 
	ul.navbar li {float: none;}
}

.navbar a{
	float: left;
	color: #FBE4D4;
	text-decoration: none;
	font-family: forma-djr-deck, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2vw;
	width: 31%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
	text-align: center; /* If you want the text to be centered */
	overflow: hidden;
}
.navbar a.active {
	color: #FF88D3;
}

.logo{
	position: relative; top: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50vw;
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

.bandposter{
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	transition: .2s ease-in-out;
	padding-bottom: 30px;
}

.bandposter:hover{
	-ms-transform: scale(1.125) rotate(5deg); /* IE 9 */
	-webkit-transform: scale(1.125) rotate(5deg); /* Safari 3-8 */
	transform: scale(1.125) rotate(5deg);
}

.prints_txt{
	display: grid;
	grid-template-columns: repeat(1);
	grid-template-rows: repeat(3);
	grid-gap: 1px;
	width: 100vw;
	overflow: hidden;
}

.prints_img{
 	padding: 0px;
 	width: 100%;
 	overflow: hidden;
}

.footer{
	width: 100%vw;
	height: 7vw;;
	background-color: #f40b0b;
	bottom: 0px;
}

.footer_img{
	padding-top: 10px;
	max-width:30vw;
}

.header {
	padding: 15px;
}

.shop_page{
	padding: 10px;
}
.faq{
	padding: 25px;
	font-family: forma-djr-deck, sans-serif;
	font-size: 16pt;
	overflow: hidden;
}
.bpContent{
	padding: 10vw;
	font-family: forma-djr-deck, sans-serif;
	color:#F40303;
	font-size: 24pt;
	overflow: hidden;
	text-align: center;
	transition: 1s;
	text-decoration: none;
}
.bpContent:hover{
	transform: scale(1.3);
	overflow: hidden;
}
