@charset "utf-8";
/* CSS Document */
.wrapper { 
display: none; 
} 
body{
background-color: #CCCCCC;
font-size: 1.188em;
line-height: 23px;
}
.alert {
color: #ffffff;
background: #ec622f;
text-align: center;
border: 7px double #ffffff;
padding: 10px;
width: 100%;
font-size: 1em;
line-height: 2em;    
border-radius: 20px;
}
a { color: inherit; 
} 
a:focus { outline: thin solid; color:#0000FF;
}
p{
font-family: sans-serif;
}
li{
list-style-type:none;
}
/* Lilian font */
@font-face {
font-family: campaign;
src: url(Lilian.ttf);
}
h1 {
font-family: campaign;
line-height: 1em;
}
h2 {
font-family: sans-serif;
}
h3 {
font-family: sans-serif;
}
.hiddenheader{
left: -48em;
position: relative;
}
.linkNew{
color: #0090BF;
}
.linkDsa{
color: #E24307;
}
.linkParent{
color: #918C13;
}
.linkRepayment{
color: #061F5C;
}
.linkDep{
color:#00955D;
}
.linkUseful{
color:#D61366;
}
.tempHeader{
font-size: 14px;
color: #726d6d;   
}
img {
max-width:100%;
border-style: none; 
}
article{
width: 89%;
position: relative;
left: 2%;
bottom: 192px;
margin-bottom: -397px;
}
#sectionWrapper{
background: #fff;
margin: 0 auto;
display: block;
width: 48%;
padding: 35px 35px 60px;
overflow: hidden;
margin-top: 39px;
margin-bottom: 22px;
}

/* Top left image on each product page */
.NewStudetCog{
position: relative;
right: 5%;
top: -36px;
padding-right: 38px;
padding-bottom: 35px;	
}
.usefulCog{
position: relative;
right: 3%;
top: -36px;
padding-right: 38px;
padding-bottom: 97px;
}

/* colour for h1 headers of each product */
.dsaHeadCol{
color:#E24307;
font-size: 2.5em;
}
.newHeadCol{
color:#0090BF;
font-size: 2.5em;
}
.depHeadCol{
color:#00955D;
font-size: 2.5em;
}
.parentsHeadCol{
color:#918C13;
font-size: 2.5em;
}
.repaymentHeadCol{
color:#061F5C;
font-size: 2.5em;
}
.usefulHeadCol{
color:#D61366;
font-size: 2.5em;
}

/* colour for h2 and h3 headers of each product */
.newHeadColHtwo{
color:#0090BF;
}
.newHeadColHthree{
color:#0090BF;
}
.depHeadCollHtwo{
color:#00955D;
}
.depHeadCollHthree{
color:#00955D;
}
.dsaHeadColHtwo{
color:#E24307;
}
.dsaHeadColHthree{
color:#E24307;
}
.repaymentHeadColHtwo{
color:#061F5C;
}
.repaymentHeadColHthree{
color:#061F5C;
}
.usefulHeadColtwo{
color:#D61366;
}
.usefulHeadColthree{
color:#D61366;
}

/* 3 step navigation */
.stepList{
position: fixed;
left: 72.5%;
top: 226px;
}
.socialList{
position: relative;
right: 55%;
top: 24px;
}

/* top navigation */
.nav-menu {
display: inline-block;
list-style-type: none;
padding: 27px;
margin-top: -49px;
width: 68%;
margin-left: 28%;
}
.nav-menu li {
display: inline;
margin-right: 3px;
}
.nav-menu li img{
max-width:100%	
}

/* scroll to top function */
.scrollToTop{
width: 216px;
height: 130px;
padding: 10px;
text-align: center;
background: whitesmoke;
font-weight: bold;
color: #444;
text-decoration: none;
position: fixed;
top: 349px;
left: 88%;
display: none;
background: url(../images/arrow.png) no-repeat;
}
.scrollToTop:hover{
text-decoration:none;
}
.scrollTopText{
margin-top: 34px;
margin-left: -93%;
font-family: campaign !important;
}
.scrollToTop p {
font-family: campaign;
}

/* text next to icons at bottom of page linking to bookmark and student zone */
.bookmarkText{
margin-left: 12%;
margin-top: -54px;
width: 36%;
}
.toolsText{
margin-left: 12%;
margin-top: -54px;
width: 57%;
}
.bookmarkList{
position: relative;
top: -4px;	
}
.shareList {
display: inline-block;
list-style-type: none;
position: relative;
top: -6px;
z-index: 2;
left: -60%;
}
.shareList li{
display: inline;
margin-right: 3px;
}
.shareList li img{
max-width:100%;
width: 25%;
}
.socialLinksFooter {
display: inline-block;
list-style-type: none;
position: relative;
top: -20px;
z-index: 1;
left: 10%;
color: #fff;
font-size: 1.1em;
}
.socialLinksFooter li{
display: inline;
}
.socialLinksFooter li img{
max-width:19%;
}
footer{
position: relative;
top: 47px;
left: 0%;
}
.menu .New:hover{
color:#fff;
background-color:#0090BF !important;
}
.New{
color:#0090BF;
}
.menu .homeButton:hover{
color:#fff;
background-color:#333333 !important;
}
.homeButton{
color:#333333;
}
.menu .dep:hover{
color:#fff;
background-color:#00955D !important;
}
.dep{
color:#00955D;
}
.menu .dsa:hover{
color:#fff;
background-color:#E24307 !important;
}
.dsa{
color:#E24307;
}
.menu .parents:hover{
color:#fff;
background-color:#918C13 !important;
}
.parents{
color:#918C13;
}
.menu .repay:hover{
color:#fff;
background-color:#061F5C !important;
}
.repay{
color:#061F5C;
}
.menu .useful:hover{
color:#fff;
background-color:#DC337C !important;
}
.useful{
color:#DC337C;
}
.hamburger{
background:none;
position:absolute;
top:0;
right:0;
line-height:45px;
padding:0px 15px 0px 15px;
color:#000;
border:0;
font-size:1.4em;
font-weight:bold;
cursor:pointer;
outline:none;
z-index:10000000000000;
display:none;
}
.cross{
background:none;
position:absolute;
top:0px;
right:0;
padding:0px 15px 0px 15px;
color:#fff;
border:0;
font-size:3em;
line-height:65px;
font-weight:bold;
cursor:pointer;
outline:none;
z-index:10000000000000;
display:none;
}
.menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#fff;  position:absolute; text-align:center;
}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;
}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
}
.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
}
.menu ul li a { text-decoration:none;  margin: 0px;
}
.menu ul li a:hover {  color: #fff; text-decoration:none;
}
.menu a{text-decoration:none;
}
.menu a:hover{text-decoration:none;
}
.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}
.sharePrint{
display: inline-block;
list-style-type: none;
}
.sharePrint li{
display: inline;
margin-right: 205px;
float: left;
}
.listPrint {
display: inline-block;
list-style-type: none;
position: relative;
top: -125px;
right: -23%;
}
.copyList {
display: inline-block;
list-style-type: none;
position: relative;
bottom: 7px;
z-index: 7;
left: 6%;
color: #fff;
font-family:sans-serif;
}
.copyList li{
display: inline;
margin-right: 3px;
}

/* Media queries for a responsive layout */
/* Start media query 300-379px */
@media screen and (max-width: 379px) and (min-width: 300px) {
	.hamburger{
	background: none;
	position: absolute;
	top: -192px;
	right: -34%;
	line-height: 45px;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3.4em;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.cross{
	background: none;
	position: absolute;
	top: -190px;
	right: -27%;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3em;
	line-height: 65px;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.menu{
	z-index: 1000000;
	font-weight: bold;
	font-size: 0.8em;
	width: 148%;
	background: #fff;
	position: relative;
	text-align: center;
	left: -16%;
	top: -187px;
	}
	.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;
	}	
	.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid; font-size: 1.3em;
	}
	.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu ul li a { text-decoration:none;  margin: 0px;
	}
	.menu ul li a:hover {  color: #fff; text-decoration:none;
	}
	.menu a{text-decoration:none;
	}
	.menu a:hover{text-decoration:none; color:white;
	}
	.glyphicon-home{
	color:white; 
	font-size:1.5em; 
	margin-top:5px; 
	margin:0 auto;
	}
	#container{
	width: 100%;	
	}
	.NewStudetCog {
	position: relative;
	right: 5em;
	top: -3em;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 67%;
	padding: 35px 62px 60px;
	overflow: hidden;
	margin-top: 0em;
	margin-bottom: 1em;
	padding-right: 36px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.scrollToTop {
	width: 64%;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 345px;
	left: 81%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	article {
	width: 105%;
	position: relative;
	left: -3em;
	bottom: 6em;
	}
	.stepList {
	position: fixed;
	left: 76%;
	top: 7em;
	width: 10%;
	}
	.bookmarkText{
	margin-left: 37%;
	margin-top: -70px;
	width: 56%;
	word-break: break-word;
	margin-bottom: 26px;
	}
	.toolsText{
	margin-left: 37%;
	margin-top: -70px;
	word-break: break-word;
	padding-bottom: 13px;
	}
	.bookmarkList{
	margin-left: -3.5em;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -32px;
	z-index: 2;
	left:-13%;
	}
	.shareList li img {
	max-width: 100%;
	width: 23%;
	}
	footer {
	display:none;
	}
	.nav-menu {
	display: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 1em;
	width: 87%;
	margin-left: 0em;
	}
	.nav-menu li img{
	max-width:46%;	
	}
	.cogImageStep{
	max-width: 48%;
	}
	footer img{
	max-width: 130%;
	margin-left: -20%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -336px;
	z-index: 1;
	left: -16%;
	padding-top: 47px;
	color: #000;
	}
	.socialLinksFooter li {
	display: inline;
	margin-right: -2px;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 24%;
	}
	.toTopText {
	position: relative;
	top: -21px;
	}
	.sharePrint {
	display: inline-block;
	list-style-type: none;
	margin-left: -20%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -129px;
	right: -30%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 42px;
	z-index: 7;
	left: -16%;
	color: #000;
	width: 130%;
	padding-top:23px;
	}
	.sharePrint li {
	display: inline;
	margin-right: 46px;
	float: left;
	font-size:12px;
	}
} /* End media query 300-379px */

/* Start media query 380-435px */
@media screen and (max-width: 435px) and (min-width: 380px) {
	.hamburger{
	background: none;
	position: absolute;
	top: -190px;
	right: -22%;
	line-height: 45px;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3.4em;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.cross{
	background: none;
	position: absolute;
	top: -184px;
	right: -16%;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3em;
	line-height: 65px;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.menu{
	z-index: 1000000;
	font-weight: bold;
	font-size: 0.8em;
	width: 148%;
	background: #fff;
	position: relative;
	text-align: center;
	left: -16%;
	top: -187px;
	}
	.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 1.3em;
		}
	.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
		}
	.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
		}
	.menu ul li a { text-decoration:none;  margin: 0px;
		}
	.menu ul li a:hover {  color: #fff; text-decoration:none;
		}
	.menu a{text-decoration:none;
		}
	.menu a:hover{text-decoration:none; color:white;
		}
	.glyphicon-home{
	  color:white; 
	  font-size:1.5em; 
	  margin-top:5px; 
	  margin:0 auto;
	}
	footer{
	display:none;
	}
	#container{
	width: 100%;	
	}
	.NewStudetCog {
	position: relative;
	right: 5em;
	top: -3em;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 58%;
	padding: 35px 62px 60px;
	overflow: hidden;
	margin-top: 0em;
	margin-bottom: 1em;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.scrollToTop {
	width: 64%;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 25em;
	left: 82%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	article {
	width: 118%;
	position: relative;
	left: -2em;
	bottom: 6em;
	}
	.stepList {
	position: fixed;
	left: 76%;
	top: 7em;
	width: 10%;
	}
	.bookmarkText{
	margin-left: 30%;
	margin-top: -70px;
	width: 56%;
	word-break: break-word;
	margin-bottom: 26px;
	}
	.toolsText{
	margin-left: 30%;
	margin-top: -70px;
	word-break: break-word;
	width: 66%;
	padding-bottom: 6px;
	}
	.bookmarkList{
	margin-left: -3.5em;
	position: relative;
	top: -11px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -38px;
	z-index: 2;
	left: -13%;
	}
	.shareList li img {
	max-width: 100%;
	width: 16%;
	}
	footer {
	position: relative;
	top: 61px;
	left: 5%;
	}
	.nav-menu {
	display: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 1em;
	width: 87%;
	margin-left: 0em;
	}
	.nav-menu li img{
	max-width:46%;	
	}
	.cogImageStep{
	max-width: 48%;
	}
	footer img{
	max-width: 130%;
	margin-left: -20%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -327px;
	z-index: 1;
	left: -16%;
	padding-top: 47px;
	color: #000;
	}
	.socialLinksFooter li {
	display: inline;
	margin-right: -2px;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 24%;
	}
	.toTopText {
	position: relative;
	top: -21px;
	}
	.sharePrint li {
	display: inline;
	margin-right: 44px;
	float: left;
	}
	.sharePrint {
	display: inline-block;
	list-style-type: none;
	margin-left: -15%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -129px;
	right: -18%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 5px;
	z-index: 7;
	left: -23%;
	color: #000;
	width: 99%;
	padding-bottom: 26px;
	}
} /* End media query 380-435px */

/* Start media query 436-549px */
@media screen and (max-width: 549px) and (min-width: 436px) {
	.hamburger{
	background: none;
	position: absolute;
	top: -193px;
	right: -14%;
	line-height: 45px;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3.4em;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.cross{
	background: none;
	position: absolute;
	top: -184px;
	right: -16%;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3em;
	line-height: 65px;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.menu{
	z-index: 1000000;
	font-weight: bold;
	font-size: 0.8em;
	width: 148%;
	background: #fff;
	position: relative;
	text-align: center;
	left: -16%;
	top: -187px;
	}
	.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 1.3em;
	}
	.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu ul li a { text-decoration:none;  margin: 0px;
	}
	.menu ul li a:hover {  color: #fff; text-decoration:none;
	}
	.menu a{text-decoration:none;
	}
	.menu a:hover{text-decoration:none; color:white;
	}
	.glyphicon-home{
	  color:white; 
	  font-size:1.5em; 
	  margin-top:5px; 
	  margin:0 auto;
	}
	footer{
	display:none;
	}
	#container{
	width: 100%;	
	}
	.NewStudetCog {
	position: relative;
	right: 5em;
	top: -3em;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 58%;
	padding: 35px 62px 60px;
	overflow: hidden;
	margin-top: 0em;
	margin-bottom: 1em;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.scrollToTop {
	width: 64%;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 25em;
	left: 82%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	article {
	width: 118%;
	position: relative;
	left: -2em;
	bottom: 6em;
	}
	.stepList {
	position: fixed;
	left: 76%;
	top: 7em;
	width: 10%;
	}
	.bookmarkText{
	margin-left: 30%;
	margin-top: -70px;
	width: 56%;
	word-break: break-word;
	margin-bottom: 26px;
	}
	.toolsText{
	margin-left: 30%;
	margin-top: -70px;
	word-break: break-word;
	width: 66%;
	padding-bottom: 6px;
	}
	.bookmarkList{
	margin-left: -3.5em;
	position: relative;
	top: -11px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -36px;
	z-index: 2;
	left: -15%;
	}
	.shareList li img {
	max-width: 100%;
	width: 16%;
	}
	footer {
	position: relative;
	top: 61px;
	left: 5%;
	}
	.nav-menu {
	display: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 1em;
	width: 87%;
	margin-left: 0em;
	}
	.nav-menu li img{
	max-width:46%;	
	}
	.cogImageStep{
	max-width: 48%;
	}
	footer img{
	max-width: 130%;
	margin-left: -20%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -344px;
	z-index: 1;
	left: -16%;
	padding-top: 62px;
	color: #000;
	}
	.socialLinksFooter li {
	display: inline;
	margin-right: -2px;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 24%;
	}
	.toTopText {
	position: relative;
	top: -21px;
	}
	.sharePrint li {
	display: inline;
	margin-right: 65px;
	float: left;
	}
	.sharePrint {
	display: inline-block;
	list-style-type: none;
	margin-left: -15%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -130px;
	right: -21%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: -31px;
	z-index: 7;
	left: -19%;
	color: #000;
	width: 99%;
	padding-bottom: 49px;
	}
} /* End media query 436-549px */

/* Start media query 550-622px */
@media screen and (max-width: 622px) and (min-width: 550px) {
	.hamburger{
	background: none;
	position: absolute;
	top: -189px;
	right: -10%;
	line-height: 45px;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3.4em;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.cross{
	background: none;
	position: absolute;
	top: -184px;
	right: -16%;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3em;
	line-height: 65px;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.menu{
	z-index: 1000000;
	font-weight: bold;
	font-size: 0.8em;
	width: 148%;
	background: #fff;
	position: relative;
	text-align: center;
	left: -16%;
	top: -187px;
	}
	.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 1.3em;
	}
	.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu ul li a { text-decoration:none;  margin: 0px;
	}
	.menu ul li a:hover {  color: #fff; text-decoration:none;
	}
	.menu a{text-decoration:none;
	}
	.menu a:hover{text-decoration:none; color:white;
	}
	.glyphicon-home{
	  color:white; 
	  font-size:1.5em; 
	  margin-top:5px; 
	  margin:0 auto;
	}
	footer{
	display:none;
	}
	#container{
	width: 100%;	
	}
	.NewStudetCog {
	position: relative;
	right: 5em;
	top: -3em;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 58%;
	padding: 35px 62px 60px;
	overflow: hidden;
	margin-top: 0em;
	margin-bottom: 1em;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.scrollToTop {
	width: 64%;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 25em;
	left: 82%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	article {
	width: 118%;
	position: relative;
	left: -2em;
	bottom: 6em;
	}
	.stepList {
	position: fixed;
	left: 76%;
	top: 7em;
	width: 10%;
	}
	.bookmarkText{
	margin-left: 30%;
	margin-top: -70px;
	width: 56%;
	word-break: break-word;
	margin-bottom: 26px;
	}
	.toolsText{
	margin-left: 30%;
	margin-top: -70px;
	word-break: break-word;
	width: 66%;
	padding-bottom: 6px;
	}
	.bookmarkList{
	margin-left: -3.5em;
	position: relative;
	top: -11px;
	}
	.shareList li {
	display: inline;
	margin-right: 0px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -32px;
	z-index: 2;
	left: -14%;
	}
	.shareList li img {
	max-width: 100%;
	width: 16%;
	}
	footer {
	position: relative;
	top: 61px;
	left: 5%;
	}
	.nav-menu {
	display: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 1em;
	width: 87%;
	margin-left: 0em;
	}
	.nav-menu li img{
	max-width:46%;	
	}
	.cogImageStep{
	max-width: 48%;
	}
	footer img{
	max-width: 130%;
	margin-left: -20%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -316px;
	z-index: 1;
	left: -16%;
	padding-top: 47px;
	color: #000;
	}
	.socialLinksFooter li {
	display: inline;
	margin-right: -2px;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 24%;
	}
	.toTopText {
	position: relative;
	top: -21px;
	}
	.sharePrint li {
	display: inline;
	margin-right: 93px;
	float: left;
	}
	.sharePrint {
	display: inline-block;
	list-style-type: none;
	margin-left: -15%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -110px;
	right: -30%;;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 33px;
	z-index: 7;
	left: -15%;
	color: #000;
	width: 99%;
	}
} /* End media query 436-549px */

/* Start media query 623-642px */ 
@media screen and (max-width: 642px) and (min-width: 623px) {
	.hamburger{
	background: none;
	position: absolute;
	top: -206px;
	right: -19%;
	line-height: 45px;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3.4em;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.cross{
	background: none;
	position: absolute;
	top: -184px;
	right: -19%;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3em;
	line-height: 65px;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.menu{
	z-index: 1000000;
	font-weight: bold;
	font-size: 0.8em;
	width: 148%;
	background: #fff;
	position: relative;
	text-align: center;
	left: -16%;
	top: -187px;
	}
	.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 1.3em;
	}
	.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu ul li a { text-decoration:none;  margin: 0px;
	}
	.menu ul li a:hover {  color: #fff; text-decoration:none;
	}
	.menu a{text-decoration:none;
	}
	.menu a:hover{text-decoration:none; color:white;
	}
	.glyphicon-home{
	  color:white; 
	  font-size:1.5em; 
	  margin-top:5px; 
	  margin:0 auto;
	}
	#container{
	width: 100%;	
	}
	.NewStudetCog {
	position: relative;
	right: 5em;
	top: -3em;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 72%;
	padding: 35px 62px 60px;
	overflow: hidden;
	margin-top: 0em;
	margin-bottom: 1em;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.scrollToTop {
	width: 64%;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 26em;
	right: -51%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	article {
	width: 104%;
	position: relative;
	left: -2em;
	bottom: 6em;
	}
	.stepList {
	position: fixed;
	left: 81%;
	top: 7em;
	width: 27%;
	}
	.bookmarkText{
	margin-left: 24%;
	margin-top: -70px;
	width: 56%;
	word-break: break-word;
	margin-bottom: 26px;
	}
	.toolsText{
	margin-left: 24%;
	margin-top: -70px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -3.5em;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -36px;
	z-index: 2;
	margin-bottom: 76px;
	left: -3%;
	}
	.shareList li img {
	max-width: 100%;
	width: 16%;
	}
	footer {
	position: relative;
	top: 61px;
	left: 5%;
	}
	.nav-menu {
	display: none;
	list-style-type: none;
	padding: 0px;
	margin-top: 1em;
	width: 87%;
	margin-left: 0em;
	}
	.nav-menu li img{
	max-width:46%;	
	}
	.cogImageStep{
	max-width: 48%;
	}
	footer img{
	max-width: 130%;
	margin-left: -20%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -242px;
	z-index: 1;
	left: -11%;
	color: #000;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 25%;
	}
	.toTopText {
	position: relative;
	top: -21px;
	}
	footer {
	display: none;
	}
	.sharePrint li {
	display: inline;
	margin-right: 104px;
	float: left;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -171px;
	right: -33%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 77px;
	z-index: 7;
	left: 25%;
	color: #000;
	}
} /* End media query 623-642px */

/* Start media query 643-660px */
@media screen and (max-width: 660px) and (min-width: 643px) {
	.hamburger{
	background: none;
	position: absolute;
	top: -205px;
	right: -32%;
	line-height: 45px;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3.4em;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.cross{
	background: none;
	position: absolute;
	top: -203px;
	right: -28%;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3em;
	line-height: 65px;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.menu{
	z-index: 1000000;
	font-weight: bold;
	font-size: 0.8em;
	width: 148%;
	background: #fff;
	position: relative;
	text-align: center;
	left: -16%;
	top: -200px;
	}
	.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 1.3em;
	}
	.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
	}
	.menu ul li a { text-decoration:none;  margin: 0px;
	}
	.menu ul li a:hover {  color: #fff; text-decoration:none;
	}
	.menu a{text-decoration:none;
	}
	.menu a:hover{text-decoration:none; color:white;
	}
	.glyphicon-home{
	  color:white; 
	  font-size:1.5em; 
	  margin-top:5px; 
	  margin:0 auto;
	}
	.NewStudetCog {
	position: relative;
	right: 9%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	.toTopText{
	position: relative;
	top: -21px;
	}
	.scrollToTop {
	width: 24px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 231px;
	left: 82%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 86%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 84%;
	position: relative;
	left: -2%;
	bottom: 77px;
	margin-bottom: -490px;
	}
	.stepList {
	position: fixed;
	left: 86%;
	top: 138px;
	width: 6%;
	}
	.bookmarkText{
	margin-left: 20%;
	margin-top: -67px;
	}
	.toolsText{
	margin-left: 20%;
	margin-top: -67px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -7%;
	top: -19px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -114px;
	z-index: 2;
	left: -3%;
	}
	.shareList li img {
	max-width: 100%;
	width: 16%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: none;
	padding: 0px;
	margin-top: -175px;
	width: 83%;
	margin-left: 43%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -266px;
	z-index: 1;
	left: 65%;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 12%;
	}
	.sharePrint {
	display: inline-block;
	list-style-type: none;
	padding-bottom: 90px;
	}
	.sharePrint li {
	display: inline;
	margin-right: 96px;
	float: left;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -196px;
	right: -30%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 134px;
	z-index: 7;
	left: -18%;
	color: #fff;
	}
} /* End media query 643-660px */

/* Start media query 661-719px */
@media screen and (max-width: 719px) and (min-width: 661px) {
	.hamburger{
	background: none;
	position: absolute;
	 top: -200px;
	right: -29%;
	line-height: 45px;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3.4em;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.cross{
	background: none;
	position: absolute;
	top: -203px;
	right: -28%;
	padding: 0px 15px 0px 15px;
	color: #000;
	border: 0;
	font-size: 3em;
	line-height: 65px;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	z-index: 10000000000000;
	display: block;
	}
	.menu{
	z-index: 1000000;
	font-weight: bold;
	font-size: 0.8em;
	width: 148%;
	background: #fff;
	position: relative;
	text-align: center;
	left: -16%;
	top: -200px;
	}
	.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; font-size: 1.3em;
		}
	.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
		}
	.menu li:hover{display: block;    background:#181818; padding:15px 0 15px 0; border-bottom:#1d1f20 1px solid;
		}
	.menu ul li a { text-decoration:none;  margin: 0px;
		}
	.menu ul li a:hover {  color: #fff; text-decoration:none;
		}
	.menu a{text-decoration:none;
		}
	.menu a:hover{text-decoration:none; color:white;
		}
	.glyphicon-home{
	  color:white; 
	  font-size:1.5em; 
	  margin-top:5px; 
	  margin:0 auto;
	}
	.NewStudetCog {
	position: relative;
	right: 8%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	.toTopText{
	position: relative;
	top: -21px;
	}
	.scrollToTop {
	width: 21px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 258px;
	left: 80%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 86%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 84%;
	position: relative;
	left: -2%;
	bottom: 77px;
	}
	.stepList {
	position: fixed;
	left: 86%;
	top: 130px;
	width: 6%;
	}
	.bookmarkText{
	margin-left: 20%;
	margin-top: -67px;
	}
	.toolsText{
	margin-left: 20%;
	margin-top: -67px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -7%;
	top: -19px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -36px;
	z-index: 2;
	left: -3%;
	}
	.shareList li img {
	max-width: 100%;
	width: 16%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: none;
	padding: 0px;
	margin-top: -175px;
	width: 83%;
	margin-left: 43%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -172px;
	z-index: 1;
	left: 71%;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 14%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -113px;
	right: -35%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 34px;
	z-index: 7;
	left: -13%;
	color: #fff;
	}
	.sharePrint li {
	display: inline;
	margin-right: 126px;
	float: left;
	}
} /* End media query 661-719px */

/* Start media query 720-758px */
@media screen and (max-width: 758px) and (min-width: 720px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.NewStudetCog {
	position: relative;
	right: 9%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 86%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 84%;
	position: relative;
	left: -2%;
	bottom: 77px;
	}
	.stepList {
	position: fixed;
	left: 86%;
	top: 268px;
	width: 287%;
	}
	.bookmarkText{
	margin-left: 15%;
	margin-top: -59px;
	width: 68%;
	}
	.toolsText{
	margin-left: 15%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -1%;
	top: -14px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -38px;
	z-index: 2;
	left: -2%;
	}
	.shareList li img {
	max-width: 100%;
	width: 19%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: block;
	padding: 0px;
	margin-top: -175px;
	width: 80%;
	margin-left: 38%;
	}
	.scrollToTop {
	width: 216px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 296px;
	right: -21%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -168px;
	z-index: 1;
	left: 71%;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 14%;
	}
	.sharePrint li {
	display: inline;
	margin-right: 128px;
	float: left;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 28px;
	z-index: 7;
	left: -8%;
	color: #fff;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -112px;
	right: -33%;
	}
	.nav-menu li img {
	max-width: 100%;
	width: 29%;
	}
} /* End media query 720-758px */

/* Start media query 759-764px */
@media screen and (max-width: 764px) and (min-width: 759px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.NewStudetCog {
	position: relative;
	right: 9%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 86%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;;
	}
	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 84%;
	position: relative;
	left: -2%;
	bottom: 77px;
	}
	.stepList {
	position: fixed;
	left: 86%;
	top: 268px;
	width: 287%;
	}
	.bookmarkText{
	margin-left: 15%;
	margin-top: -59px;
	width: 68%;
	}
	.toolsText{
	margin-left: 15%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -1%;
	top: -14px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -69px;
	z-index: 2;
	left: -2%;
	}
	.shareList li img {
	max-width: 100%;
	width: 19%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: block;
	padding: 0px;
	margin-top: -175px;
	width: 80%;
	margin-left: 38%;
	}
	.scrollToTop {
	width: 216px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 296px;
	right: -21%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -168px;
	z-index: 1;
	left: 71%;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 14%;
	}
	.sharePrint li {
	display: inline;
	margin-right: 128px;
	float: left;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 28px;
	z-index: 7;
	left: 10%;
	color: #fff;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -41px;
	right: 44%;
	}
	.nav-menu li img {
	max-width: 100%;
	width: 29%;
	}
} /* End media query 720-758px */

/* Start media query 765-899px */
@media screen and (max-width: 899px) and (min-width: 765px) {

	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}

	.NewStudetCog {
	position: relative;
	right: 8%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}



	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 85%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}



	body {
	background-color: #CCCCCC;
	font-size: 15px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}


	.scrollToTop {
	width: 216px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 359px;
	left: 84%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}


	article {
	idth: 89%;
	position: relative;
	left: -1%;
	bottom: 118px;
	}


	.stepList {
	position: fixed;
	left: 86%;
	top: 279px;
	}


	.bookmarkText{
	margin-left: 17%;
	padding-bottom: 21px;
	width: 68%;
	}

	.toolsText{
	margin-left: 17%;
	margin-top: -61px;
	word-break: break-word;
	}


	.bookmarkList{
	margin-left: -2%;
	top: 12px;
	}

	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -87px;
	z-index: 2;
	left: -2%;
	}


	.shareList li img {
	max-width: 100%;
	width: 19%;
	}


	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}


	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-top: -121px;
	width: 79%;
	margin-left: 33%;
	}



	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -109px;
	z-index: 1;
	left: 17%;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 15%;
	}


	.sharePrint li {
	display: inline;
	margin-right: 173px;
	float: left;
	}

	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 111px;
	z-index: 7;
	left: 8%;
	color: #fff;
	}

	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -55px;
	right: 27%;
	}

	.nav-menu li img {
	max-width: 100%;
	width: 32%;
	}
} /* End media query 765-899px */

/* Start media query 900-1027px */
@media screen and (max-width: 1027px) and (min-width: 900px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	#NewStudetCog {
	position: relative;
	right: 9%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 89%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 19px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.scrollToTop {
	width: 24px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 376px;
	left: 88%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	article {
	width: 90%;
	position: relative;
	left: 2%;
	bottom: 118px;
	}
	.stepList {
	position: fixed;
	left: 90%;
	top: 246px;
	}
	.bookmarkText{
	margin-left: 12%;
	padding-bottom: 18px;
	width: 68%;
	}
	.toolsText{
	margin-left: 12%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -1%;
	top: 17px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -81px;
	z-index: 2;
	left: -1%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-top: -83px;
	width: 79%;
	margin-left: 35%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -80px;
	z-index: 1;
	left: 15%;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 18%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 88px;
	z-index: 7;
	left: 8%;
	color: #fff;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -49px;
	right: 25%;
	}
} /* End media query 900-1027px */

/* Start media query 1028-1054px */
@media screen and (max-width: 1054px) and (min-width: 1028px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	#NewStudetCog {
	position: relative;
	right: 9%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 89%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 19px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	.scrollToTop {
	width: 24px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 376px;
	left: 89%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	article {
	width: 90%;
	position: relative;
	left: 2%;
	bottom: 118px;
	}
	.stepList {
	position: fixed;
	left: 90%;
	top: 258px;
	}
	.bookmarkText{
	margin-left: 12%;
	padding-bottom: 18px;
	width: 68%;
	}
	.toolsText{
	margin-left: 12%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList {
	margin-left: -1%;
	top: 17px;
	padding-bottom: 11px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -83px;
	z-index: 2;
	left: -1%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-top: -83px;
	width: 77%;
	margin-left: 33%;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -92px;
	z-index: 1;
	left: 24%;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 18%;
	}
	.copyList{
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 73px;
	z-index: 7;
	left: 9%;
	color: #fff;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -52px;
	right: 22%;
	}
} /* End media query 1028-1054px */

/* Start media query 1055-1185px */
@media screen and (max-width: 1185px) and (min-width: 1055px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.NewStudetCog {
	position: relative;
	right: 6%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 69%;
	padding: 35px 35px 60px;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 19px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 89%;
	position: relative;
	left: 2%;
	bottom: 154px;
	}	
	.stepList {
	position: fixed;
	left: 80%;
	top: 238px;
	}
	.bookmarkText{
	margin-left: 13%;
	margin-top: -59px;
	width: 61%;
	}
	.toolsText{
	margin-left: 13%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -4%;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -82px;
	z-index: 2;
	left: -2%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -53px;
	right: 35%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-top: -56px;
	width: 86%;
	margin-left: 24%;
	}
	.scrollToTop {
	width: 216px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 376px;
	left: 91%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -47px;
	z-index: 1;
	left: 8%;
	color: #fff;
	font-size: 1.1em;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 18%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 51px;
	z-index: 7;
	left: 8%;
	color: #fff;
	}
	.sharePrint li {
	display: inline;
	margin-right: 150px;
	float: left;
	}
} /* End media query 1055-1185px */

/* Start media query 1186-1315px */
@media screen and (max-width: 1315px) and (min-width: 1186px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.NewStudetCog {
	position: relative;
	right: 7%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 62%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 19px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 90%;
	position: relative;
	left: 0%;
	bottom: 144px;
	}	
	.stepList {
	position: fixed;
	left: 77%;
	top: 243px;
	}
	.bookmarkText{
	margin-left: 11%;
	margin-top: -59px;
	width: 61%;
	}
	.toolsText{
	margin-left: 11%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -2%;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -80px;
	z-index: 2;
	left: -1%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -53px;
	right: 24%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-top: -62px;
	width: 88%;
	margin-left: 24%;
	}
	.scrollToTop {
	width: 216px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 376px;
	left: 91%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -62px;
	z-index: 1;
	left: 12%;
	color: #fff;
	font-size: 1.1em;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 18%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 65px;
	z-index: 7;
	left: 8%;
	color: #fff;
	}
} /* End media query 1186-1315px */

/* Start media query 1316-1400px */
@media screen and (max-width: 1400px) and (min-width: 1316px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.NewStudetCog {
	position: relative;
	right: 6%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 62%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 19px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 90%;
	position: relative;
	left: 0%;
	bottom: 144px;
	}	
	.stepList {
	position: fixed;
	left: 77%;
	top: 235px;
	}
	.bookmarkText{
	margin-left: 11%;
	margin-top: -59px;
	width: 55%;
	}
	.toolsText{
	margin-left: 11%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -2%;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -83px;
	z-index: 2;
	left: -1%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -53px;
	right: 24%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-top: -62px;
	width: 82%;
	margin-left: 25%;
	}
	.scrollToTop {
	width: 216px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 376px;
	left: 91%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -51px;
	z-index: 1;
	left: 18%;
	color: #fff;
	font-size: 1.1em;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 18%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 48px;
	z-index: 7;
	left: 8%;
	color: #fff;
	}
} /* End media query 1316-1400px */

/* Start media query 1401-1483px */
@media screen and (max-width: 1483px) and (min-width: 1401px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.NewStudetCog {
	position: relative;
	right: 5%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 58%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 19px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 85%;
	position: relative;
	left: 3%;
	bottom: 176px;
	}
	.stepList {
	position: fixed;
	left: 76%;
	top: 245px;
	}
	.bookmarkText{
	margin-left: 18%;
	margin-top: -59px;
	width: 56%;
	}
	.toolsText{
	margin-left: 18%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -9%;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -81px;
	z-index: 2;
	left: -1%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -53px;
	right: 24%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-top: -36px;
	width: 88%;
	margin-left: 25%;
	}
	.scrollToTop {
	width: 216px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 376px;
	left: 91%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -28px;
	z-index: 1;
	left: 18%;
	color: #fff;
	font-size: 1.1em;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 18%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 19px;
	z-index: 7;
	left: 7%;
	color: #fff;
	}
} /* End media query 1401-1483px */

/* Start media query 1484-1500px */
@media screen and (max-width: 1500px) and (min-width: 1484px) {
	.hamburger{
	background:none;
	position:absolute;
	top:0;
	right:0;
	line-height:45px;
	padding:0px 15px 0px 15px;
	color:#000;
	border:0;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.cross{
	background:none;
	position:absolute;
	top:0px;
	right:0;
	padding:0px 15px 0px 15px;
	color:#fff;
	border:0;
	font-size:3em;
	line-height:65px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:10000000000000;
	display:none;
	}
	.NewStudetCog {
	position: relative;
	right: 5%;
	top: -36px;
	padding-right: 38px;
	padding-bottom: 35px;
	}
	#sectionWrapper {
	background: #fff;
	margin: 0 auto;
	display: block;
	width: 58%;
	padding: 35px 35px 60px;
	overflow: hidden;
	margin-top: 39px;
	margin-bottom: 22px;
	}
	body {
	background-color: #CCCCCC;
	font-size: 19px;
	line-height: 23px;
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	}
	article {
	width: 85%;
	position: relative;
	left: 3%;
	bottom: 176px;
	}
	.stepList {
	position: fixed;
	left: 76%;
	top: 245px;
	}
	.bookmarkText{
	margin-left: 18%;
	margin-top: -59px;
	width: 55%;
	}
	.toolsText{
	margin-left: 18%;
	margin-top: -61px;
	word-break: break-word;
	}
	.bookmarkList{
	margin-left: -9%;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -85px;
	z-index: 2;
	left: -2%;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -53px;
	right: 24%;
	}
	footer {
	position: relative;
	top: 54px;
	left: 0%;
	}
	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin-top: -36px;
	width: 87%;
	margin-left: 35%;
	}
	.scrollToTop {
	width: 216px;
	height: 130px;
	padding: 10px;
	text-align: center;
	background: whitesmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position: fixed;
	top: 376px;
	left: 91%;
	display: none;
	background: url(../images/arrow.png) no-repeat;
	}
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -28px;
	z-index: 1;
	left: 22%;
	color: #fff;
	font-size: 1.1em;
	}
	.socialLinksFooter li img {
	max-width: 100%;
	width: 18%;
	}
	.copyList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 19px;
	z-index: 7;
	left: 7%;
	color: #fff;
	}
} /* End media query 1484-1500px */

/* Start media query 1501-1680px */
@media screen and (max-width: 1680px) and (min-width: 1501px) {
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -20px;
	z-index: 1;
	left: 10%;
	color: #fff;
	font-size: 1.1em;
	}
	.socialLinksFooter li img {
	max-width: 19%;
	}
	article {
	width: 89%;
	position: relative;
	left: 2%;
	bottom: 192px;
	margin-bottom: -397px;
	}
	.sharePrint{
	display: inline-block;
	list-style-type: none;
	}
	.sharePrint li {
	display: inline;
	margin-right: 201px;
	float: left;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -58px;
	right: 24%;
	}
	.copyList{
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 15px;
	z-index: 7;
	left: 7%;
	color: #fff;
	}
	.copyList li{
	display: inline;
	margin-right: 3px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -91px;
	z-index: 2;
	left: -2%;
	}
} /* End media query 1501-1680px */

/* Start media query 1681-1960px */
@media screen and (max-width: 1960px) and (min-width: 1681px) {
	.socialLinksFooter {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -20px;
	z-index: 1;
	left: 10%;
	color: #fff;
	font-size: 1.1em;
	}
	.socialLinksFooter li img {
	max-width: 19%;
	}
	article {
	width: 89%;
	position: relative;
	left: 2%;
	bottom: 192px;
	margin-bottom: -397px;
	}
	.sharePrint{
	display: inline-block;
	list-style-type: none;
	}
	.sharePrint li {
	display: inline;
	margin-right: 201px;
	float: left;
	}
	.listPrint {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -58px;
	right: 20%;
	}
	.copyList{
	display: inline-block;
	list-style-type: none;
	position: relative;
	bottom: 15px;
	z-index: 7;
	left: 7%;
	color: #fff;
	}
	.copyList li{
	display: inline;
	margin-right: 3px;
	}
	.shareList {
	display: inline-block;
	list-style-type: none;
	position: relative;
	top: -82px;
	z-index: 2;
	left: 0%;
	}
	.nav-menu {
	display: inline-block;
	list-style-type: none;
	padding: 27px;
	margin-top: -49px;
	width: 77%;
	margin-left: 28%;
	}
	footer {
	position: relative;
	top: 47px;
	left: 0%;
	}
	.stepList {
	position: fixed;
	left: 71.5%;
	top: 226px;
	}
} /* End media query 1681-1960px */