div.savantSection
{
	background-image: url('img/issue002/remixBack.png');
	
	width:100%;
	margin:0 auto;
	background-size:100%;
	background-repeat:repeat;
	
	background-color:black;
	
	/*background-image: url('img/issue001/winner/winnerLoop.png'), url('img/issue001/winner/winnerLoopFlip.png');
	background-repeat:repeat-y, repeat-y;
	background-position:right top, left -5vw;*/
}

div.conventionSection
{
	background-image: url('img/dpadloop.png'), url('img/dpadloopFlip.png');
	background-repeat: repeat-y, repeat-y;
	background-position:right top, left -5vw;
	background-size:30%, 30%;
	
	background-color:#267432;
	width:100%;
	margin:0 auto;
}

div.arialblack
{
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
}

p.centerText
{
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

div.orderbutton
{
	display:flex; 
	align-items:center; 
	justify-content:center;
	
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	position:relative; 
	font-size:1.75rem;
	text-shadow:none;
	color:white;
	
	border-radius:25px;
}

div.vikingsLogo
{
	background-image: url('img/issue002/vikingsBackGreyDark.png');
	background-repeat:repeat;
	background-size:100%;
}

img.votLogo
{
	filter: drop-shadow(0 16px 0 rgba(32, 27, 43, 1));
}

div.votUpdate
{
	background-image: url('img/issue002/votSplitter.png');
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#211b2b;
}

div.votTitleText
{
  font-family: "Belanosima", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:3rem;
  
  color:#f4e168;
  
  -webkit-text-stroke: 12px #252899;
  paint-order:stroke fill;
  text-shadow: 0px 0px 4px #252899;
  
	filter: drop-shadow(0.4rem 0.4rem 0.1rem rgba(0, 0, 0, 1));
}

div.votSectionBlue
{
	background-image: url('img/issue002/votmapblue.png');
	background-repeat:repeat;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
}

div.votSectionGreen
{
	background-image: url('img/issue002/votmapgreen.png');
	background-repeat:repeat;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
}

div.votSectionGrey
{
	background-image: url('img/issue002/votmapgrey.png');
	background-repeat:repeat;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
}

img.votScreenRelative
{
	box-shadow: 0.1rem 0.2rem 0rem 0rem rgba(32, 27, 42, 1);
	border: 0.4rem solid #d3d3d3;
	border-radius:0.2rem;
}

img.shotframe
{
	box-shadow: 0.3rem 0.3rem 0rem 0rem rgba(32, 27, 42, 1);
	border: 0.4rem solid #d3d3d3;
}

img.remixBorder
{
	width:20%;
}

div.greenbox
{
	position:relative;
	border-radius: 1rem;
	background-color: #265f2f;
	color:white;
	font-size:1rem;
	text-align:left;
	padding-top:1rem;
	padding-bottom:1rem;
	padding-left:1.5rem;
	padding-right:1.5rem;
	z-index:3;
}

div.tourbox
{
	position:relative;
	border-radius: 1rem;
	background-color: #265f2f;
	color:white;
	font-size:1rem;
	text-align:left;
	padding-top:1rem;
	padding-bottom:1rem;
	padding-left:1.5rem;
	padding-right:1.5rem;
	z-index:3;
}

div.tourdates p
{
	font-size:1.5rem;
	text-align:center;
	margin-bottom:1px;
}

div.tourdates p.yellow
{
	margin-top:1px;
	margin-bottom:24px;
	text-align:center;
	color:#ffe58f;
}

div.tourdates hr
{
	background: none;
    width: 75%;
	background-color:white;
	height:2px;
	color:black;
    border: none;
}

div.roundbox
{
	width:75%;
	border-radius: 1rem;
	background-color: rgba(32,27,43,1);
	display:block;
	margin:auto;
}

div.informical
{
	width:50%;
	text-align:center;
	display:block;
	margin:auto;
	padding-bottom:0.5rem;
}

.gallery
{
	display:flex;
	gap:0.1rem;
	align-items:center; 
	justify-content:center;
}

.gallery img
{
	flex:1;
	height:250px;
	object-fit:cover;
	width:100%;
}

.galleryGrid
{
	display:grid;
	gap:1rem;
	align-items:center;
	justify-content:center;
	
	grid-template-columns: 1fr 1fr;
}

.galleryGrid img
{
	flex:1;
	/*height:250px;*/
	/*object-fit:cover;*/
	width:100%;
}

.subscribe-button
{
	width:75%;
	
	background:none;
	padding:0;
	border:none;
	cursor:pointer;
	
	transition: 0.2s;
}

.subscribe-button:hover
{
	width:80%;
}

.subscribe-button-mobile
{
	width:95%;
	
	background:none;
	padding:0;
	border:none;
	cursor:pointer;
	
	transition: 0.2s;
}

.newsletter-form input
{
	font-family: 'Open Sans', Trebuchet MS,sans-serif;
    font-weight: bold;
	
	font-size:1.5rem;
	
	margin-bottom:1rem;
	
	width:50%;
	border:none;
	border-radius:8px;
	padding:5px;
}

.newsletter-form-mobile input
{
	font-family: 'Open Sans', Trebuchet MS,sans-serif;
    font-weight: bold;
	
	font-size:1.5rem;
	
	margin-bottom:1rem;
	
	width:85%;
	border:none;
	border-radius:8px;
	padding:5px;
}

div.owlboyAnniversary
{
	position:relative;
	background-image: url('img/issue003/loopLight.jpg');
	min-height:100px;
}

div.anniversaryBox
{
	position:relative;
	background-image: url('img/issue003/lineLoop.jpg');
	background-size:100%;
}

div.QAOtus
{
	background-color: black;
    background-image: url("img/issue003/paperTexture.png"),
                      url("img/issue003/paperTexture.png");
    background-position: -160px -20px, right -360px bottom;
    background-repeat: no-repeat, no-repeat;
	/*background-size:20vw, 20vw;*/
}

:root 
{
    --imagegrid-width: 50%; /* Default (desktop) */
}

@media only screen and (max-width: 800px) 
{
	:root 
	{
        --imagegrid-width: 70%; /* Mobile */
    }
	
	div.roundbox
	{
		width:85%;
	}
	
	div.informical
	{
		width:85%;
	}
	
	img.remixBorder
	{
		width:50%;
	}
}