* {
	margin: 0;
	padding:0;
}

@font-face {
  font-family: 'StagSans-Book';
  src: url('fonts/StagSans-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/StagSans-Book.otf')  format('opentype'),
	     url('fonts/StagSans-Book.woff') format('woff'), url('fonts/StagSans-Book.ttf')  format('truetype'), url('fonts/StagSans-Book.svg#StagSans-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	background:white;
}

.pageWrapper {
	background: rgba(226,229,231,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(226,229,231,1) 0%, rgba(165,171,176,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(226,229,231,1)), color-stop(100%, rgba(165,171,176,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(226,229,231,1) 0%, rgba(165,171,176,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(226,229,231,1) 0%, rgba(165,171,176,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(226,229,231,1) 0%, rgba(165,171,176,1) 100%);
	background: radial-gradient(ellipse at center, rgba(226,229,231,1) 0%, rgba(165,171,176,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e5e7', endColorstr='#a5abb0', GradientType=1 );
	background-repeat: no-repeat;
}

img {
	max-width:100%;
}

.container {
	position:relative;
	width:79.76%;/* 1340px; */
	max-width:840px;
	margin:0 auto;
	clear:both;
}

.shadowBox {
	height:7.500em;
}

.shadowBox img {
	margin:0 auto;
	display:block;
}

.topbar {
	width:100%;
	height:8.125em; /*130px*/
}

.allBooks {
	background-color:#e32029;
}

.b2Book {
	background-color:#5c2f1a;
}

.c1Book {
	background-color:#2b265d;
}

.bookLogo svg {
	width: 80%;
  vertical-align: middle;
	height:8.125em; /*needed for IE*/
}

/* .logo {
	padding-left: 4.5%;
} */

.logo img {
  vertical-align: middle;
}

.pageTitle {
	width:79.76%;
	max-width:840px;
	margin:0 auto;
	line-height:8.125em; /*130px*/
}

.titleIcon svg,
.contentsIcon svg {
	width: 100%;
  vertical-align: middle;
}

.pageTitle span {
	display:block;
	float:left;
	margin-right:62px; /*62px =/= 3.875em !!!*/
}

.contentsTitle span {
	display:block;
	float:left;
	margin-left: 15px;
}

.titleIcon {
	margin-right:0!important;
  width: 75px;
	height:8.125em; /*needed for IE*/
}

.contentsIcon {
	width: 55px;
	height:80px;
	margin-left: 20px!important;
}

.titleName {
	font-family: 'StagSans-Book';
	font-size:3.188em; /* 51px */
	color:white;
}

.whiteBox {
	/* width:730px; */
	/* height:26.563em;*/ /*425px*/
	height:24em;
	width: 90%;
	margin:0 auto;
	border-radius:1.125em;
	background: rgba(219,222,225,1);
	background: -moz-linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(219,222,225,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdee1', endColorstr='#ffffff', GradientType=1 );
	-webkit-box-shadow: 0px 15px 43px -13px rgba(0,0,0,0.65);
	-moz-box-shadow: 0px 15px 43px -13px rgba(0,0,0,0.65);
	box-shadow: 0px 15px 43px -13px rgba(0,0,0,0.65);
}

.shineBox {
	margin-top:5px;
	clear: both;
}

.shineBox img {
	width:90%!important;
	margin:0 auto;
	display: block;
}

.redRibbon {
	background-image:url('images/photoBG_shadows.png');
	background-position: top center;
	background-size:contain;
	background-repeat: no-repeat;
	display:block;
  padding: 55px 45px 0;
  margin-top: -41px;
}

.redRibbon img {
	margin: -5px auto;
  display: block;
  width: 90%!important;
}

.whiteBox a:first-child {
	float:left;
	/* margin-left:6%; */
	margin-left:7%;
	text-decoration: none;
}
.whiteBox a:last-child {
	float:right;
	/* margin-right:6%; */
	margin-right:7%;
	text-decoration: none;
}

.bookBtn1,
.bookBtn2 {
	border-radius: 30px;
	background-color: #6d6e70;
	margin: 0 auto;
	display: block;
	padding: 13px;
	margin-top: 43px;
	color: white;
	font-family: 'StagSans-Book';
	font-size: 24px;
	text-align: center;
	width: 85%;
}

.whiteBox a:hover .bookBtn1,
.whiteBox a:hover .bookBtn2 {
	background-color: black;
}

.contentsTitle {
	color: #231f20; /*offblack*/
	font-family: 'StagSans-Book';
	font-size: 29px;
	height:80px;
	line-height:80px;
	vertical-align:middle;
}

.module {
	margin: 3px 0 12px;
	padding-bottom:15px;
}

.moduleTitle {
	background: #231f20; /*offblack*/
  font-family: 'StagSans-Book';
  font-size: 29px;
  color: white;
  line-height: 50px;
  padding-left: 15px;
	margin-bottom:12px;
}

.section {
	width:200px;
	height:auto;
	float:left;
	display:block;
	margin-right:25px;
	margin-bottom:10px;
}

.sectionTitle {
  font-size: 20px;
  color: white;
	background-color: #6d6e70;
	margin-bottom: 0;
	height: 35px;
	line-height: 35px;
}

.section li {
	list-style: none;
	text-align: center;
	vertical-align: middle;
	font-family: 'StagSans-Book';
}

.sectionContents {
	background-color:#e6e7e8;
  height: 105px;
	line-height: 105px;
	margin-bottom:3px;
	font-size: 21px;
	color:#404041;
}

.sectionContents span:first-child {
	width:53%;
	margin-left:11%;
	float:left;
	text-align: left;
	/* background-color:red; */
}

.sectionContents span:last-child {
	width:25%;
	margin-right:11%;
	float:right;
	height: 105px; /*needed for IE*/
	/* background-color:blue; */
}

.sectionContents svg {
	width: 100%;
	vertical-align: middle;
  line-height: 105px;
	height: 105px; /*needed for IE*/
}

.sectionContents svg:hover .cls-3 {
	fill:black;
}

.noTxt span {
	width: 100%!important;
  margin: 0!important;
}

.noTxt a {
	margin: 0 auto!important;
	display: block;
	width: 25%;
}

.backBtn {
	float: right!important;
	width: 50px;
	margin-top: -2px;
	height: 80px;
	cursor:pointer;
}

.backBtn svg {
	width: 50px;
	height: 80px;
}

.backBtn:hover .cls-7 {
	fill:black;
}

.pageWrapper .backBtn {
	float:right;
	margin-top: -120px;
}

@media only screen and (max-width: 525px)
{
	.titleIcon {
		width: 19%;
	}
	.pageTitle span {
		margin-right:3em;
	}
	.titleName {
		font-size:2.2em;
	}
}

@media only screen and (max-width: 768px) /*960px*/
{
	.whiteBox {
		width: 85%;
		/* background: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none; */ /* not splitting in 2 whiteboxes - marina 3-7-18*/
		height:auto!important;
	}
	.redRibbon {
    width: 200px;
		margin-left: auto;
		margin-right: auto;
		top: -40px;
    position: relative;
	}
	.whiteBox a:first-child,
	.whiteBox a:last-child {
		margin-right: 0;
		margin-left: 0;
		float:none;
	}
	.whiteBox a:last-child {
		margin-top:100px;
	}
	.whiteBox a {
    display: block;
		/* border-radius:1.125em;
		background: rgba(219,222,225,1);
		background: -moz-linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(219,222,225,1)), color-stop(59%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
		background: linear-gradient(45deg, rgba(219,222,225,1) 0%, rgba(255,255,255,1) 59%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdee1', endColorstr='#ffffff', GradientType=1 );
		-webkit-box-shadow: 0px 15px 43px -13px rgba(0,0,0,0.65);
		-moz-box-shadow: 0px 15px 43px -13px rgba(0,0,0,0.65);
		box-shadow: 0px 15px 43px -13px rgba(0,0,0,0.65); */ /* not splitting in 2 whiteboxes - marina 3-7-18*/
	}
	.whiteBox a:nth-child(2) {
		background-image:url('images/shadow.png');
		background-position: top center;
		background-size:contain;
		background-repeat: no-repeat;
	}
	.pageWrapper .backBtn {
		float:right;
		margin-top: -79px;
	}

}

@media screen and (max-width: 992px) and (min-width: 768px)
{
	.redRibbon {
    margin-top: -13.9%;
    padding: 15% 13% 0;
	}
	.redRibbon img {
		margin: 0 auto;
	}
	.whiteBox {
    height: 26em;
	}
	.whiteBox a:first-child {
    margin-left: 2.5%;
		/* width:255px; */
		width:45%;
	}
	.whiteBox a:last-child {
		margin-left: 5%;
		/* width:255px; */
		width:45%;
    float: left;
    margin-right: 0;
	}
}

@media only screen and (min-width: 1200px)
{
	/* .whiteBox a:first-child {
		margin-left: 12%;
	}
	.whiteBox a:last-child {
		margin-right: 12%;
	} */

}

@media only screen and (min-width: 1400px)
{
	/* .whiteBox a:first-child {
		margin-left: 16%;
	}
	.whiteBox a:last-child {
		margin-right: 16%;
	} */

}

@media only screen and (min-width: 1600px)
{
	/* .whiteBox a:first-child {
		margin-left: 20%;
	}
	.whiteBox a:last-child {
		margin-right: 20%;
	} */

}