@charset "utf-8";
* {
	box-sizing: border-box;
}
.innerWrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.world-bg {
    background: url(../img/common/naviBg.png), url(../img/world/worldTop.png), url(../img/common/allBg.png), url(../img/common/allBgmin.png);
    background-repeat: repeat-x, no-repeat, no-repeat, repeat;
    background-position: top left, center top, center top, top left;
    background-size: 100% 80px, 800px 375px, 100% auto, 5% auto;
    overflow: hidden;
}
.topBG {
	width: 100%;
	height: 250px;
}

.choicesMenu {
	width: 100%;
	margin: 0 auto;
	z-index: 1;
}
.choicesMenu img {
    float: left;
    width: 45%;
    margin: 2%;
}
.choicesMenu img:hover {
	opacity: .7;
}
.button {
    width: 300px;
    height: 50px;
    /* background: url(../img/top/btn_bg.png) no-repeat; */
    font-size: 15px;
    padding-top: 15px;
    color: #fff;
    text-align: center;
    margin: 2% 1% 0;
    display: inline-block;
    text-decoration: none;
    background-color: black;
    border: 2.8px solid maroon;
}
.button p {
	font-family: "bookmania",serif;
	color: #fcedc4;
	font-weight: 600;
}

@media screen and (max-width: 600px) {
	.choicesMenu {
		width: 80%;
	}
	.choicesMenu img {
		display: block;
		width: 100%;
		margin: 2% 0;
	}	
}
/*PROLOGUE*/
.groupShot, .blueText {
	width: 50%;
}
.quote {
	width: 50%;
	margin: 2% 0;
}
.worldText {
	width: 80%;
	text-align: center;
	margin: 3% auto;
	font-size: 20px;
    color: #000;
    line-height: 25px;
}
@media screen and (max-width: 750px) {
	.groupShot, .blueText {
		width: 70%;
	}
	.quote {
		width: 70%;
	}
}

/*added below for groups on dlc page*/
/*Blitz*/
.blitzGroup .hideLarge {
	display: none;
}
.blitzGroup .hideSmall {
	display: inline-block;
}
.blitzGroup {
	width: 90%;
	margin: 2% auto;
}
.blitzGroup img {
	width: 100%;
}
.blitzGroup aside {
	width: 400px;
	display: inline-block;
	vertical-align: top;
	margin: 1%;
	position: relative;
}
.blitzGroupText {
	width: 100%;
}
.blitzGroupText .newElem:after {
	left: 130px;
    width: 90px;
}
.blitzGroupText div {
	display: block;
	text-align: left;
}
.blitzTitle {
	font-size: 25px;
	color: #392610;
	font-weight: 600;
}
.blitzText {
	margin-top: 3%;
	font-size: 20px;
	color: #000;
	line-height: 25px;
}
.blitzImgText {
	font-size: 22px;
	color: #392610;
	font-style: italic;
	font-weight: 600;
}
.blitzGroup .fullLength {
	width: 90%;
}
.blitzImagesFour {
	width: 80%;
	margin: 0 auto;
	z-index: 1;
}
.blitzImagesFour img {
	display: inline-block;
	width: 45%;
	margin: 1%;
}
.blitzHeader {font-family: 'Spectral', serif; font-size: 40px; font-weight: 600; color: rgb(255, 255, 255); text-align: left; margin-bottom: 34px;}

@media screen and (max-width: 930px) {
	.blitzGroup .hideLarge {
		display:inline-block;
	}
	.blitzGroup .hideSmall {
		display: none;
	}
	.blitzGroup .blitzImages {
		width: 70%;
	}
	.blitzGroup .blitzGroupText {
		width: 90%;
	}
}
@media screen and (max-width: 600px) {
	.blitzGroupText .newElem:after {
		top: -14px;
		width: 90px;
	}
	.blitzImagesFour {
		width: 70%;
		margin: 0 auto;
	}
	.blitzImagesFour img {
		display: block;
		width: 100%;
	}	
}