@media screen and (max-width: 1300px) {
#heroContainer,
#gameContainer {
  height: auto;
}
main,
#hero,
#game,
#dragonchoiceContent,
#otherHome,
#prizeContainer,
#fbContainer,
#registerContainer,
#recapContainer,
#weyrlingContainer {
  max-width:96%;
  margin-left:2%;
  margin-right:2%;
}

main table.gameResults {
width:96%;
margin-left:2%;
margin-right: 2%;
}

.gameAspect h3 {
font-size: 2em;
}

.author aside {
width:100%;

}

.author main {
width:100%;

}



}

@media screen and (max-width: 1230px) {

main {
	/*width:66.5%;*/
	/*background-color: orange;*/
}

#icon_wrapper{ 
display:none !important;
}
}

@media screen and (max-width: 1180px) {

main {
	/*width:65.5%;*/
/*background-color: brown;*/
}

}

@media screen and (max-width: 1130px) {
	main {
	/*width:63.5%;*/
	/*background-color: yellow;*/
}



}

@media screen and (max-width: 1080px) {

main {
	/*width:62.5%;*/
	/*background-color: green;*/
}

}

@media screen and (max-width: 1050px) {

.encounterScene {
width:450px;
height:225px;
background-image: url(/wp-content/uploads/berzunth-background.jpg);
background-repeat: no-repeat;
background-size: contain;
position:relative;
}

.encounterScene img {
position:absolute;
width:450px;
height:225px;
}

}

@media screen and (max-width: 1030px) {
	main {
	/*width:61%;*/
	/*background-color: blue;*/
}


}

@media screen and (max-width: 1000px) {

main {
	/*width:59.5%;*/
	/*background-color: indigo;*/
}

#nav {
background-color:#9b9bc4;
height:52px;
}

a.ubermenu-responsive-toggle {
color:#333333;
font-size: 1.4em;
font-weight:bold;
font-family: "Open Sans", Arial;
text-transform:uppercase;
}

.gameAspect h3 {
font-size: 1.8em;
}

.gameAspect p {
font-size: 1.4em;
}

.achievement {
	width: calc(100% - 34px);
	max-width:400px;
	margin-right:0;
}

}

@media screen and (max-width: 930px) {

main {
	/*width:57.5%;*/
	/*background-color: violet;*/
}

}

@media screen and (max-width: 900px) {

.dots {
display:none;
}

}

@media screen and (max-width: 880px) {

main {
	/*width:55.5%;*/
	/*background-color: red;*/
}
.dragonchoice {

width:100%;
margin-right:0;
border-bottom: 3px solid #6C6BB1;
padding-bottom:25px;
margin-bottom:15px;
}

.otherHome {

width:100%;
margin-right:0;
}

.dragonchoice:nth-of-type(3) {
border:none;
margin-bottom:0;
}

.dragonchoiceImage {

width:30%;
margin-right:5%;
}

.dragonchoiceBlurb {

width:65%;
}

.dragonchoice p.button {
text-align:left;
}

.dragonchoice h3 {
text-align:left;
}

.dragonchoice h3 br {
display:none;
}

#heroContainer {
  background-image: linear-gradient(rgba(255,255,255,.65), rgba(255,255,255,.55)), url("/wp-content/uploads/fullcover-900.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  height: auto;
}


}

@media screen and (max-width: 830px) {
	
main {
	/*width:95%;
	padding-left:1.5%;
	width:68.5%;
	background-color: orange;*/
}

#homeLeft {
width:100%;
}

#homeRight {
width:100%;
margin-left:0;
margin-top:10px;
}

#contentContainer {
padding-top:275px;
}

}

@media screen and (max-width: 780px) {

main {
	/*background-color: brown;*/
	width:95%;
}

aside#sidebar {
width:96%;
margin-left:3%;
margin-right:2%;

}


}

@media screen and (max-width: 750px) {

.single .dragonetAnimated {
width:396px;
float:none;
margin-left:auto;
margin-right:auto;
}


}

@media screen and (max-width: 730px) {

main {
	/*background-color: green;*/
}

#mainLogo {
	width:100%;
	max-width:500px;
	
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	text-align:center;
}


#headerRight {
display:none;

}

.gameInfo {

width:100%;
}

#contentContainer {
padding-top:285px;
}

.single-result #topContainer.sticky #headerRight p{
line-height:30px !important;
margin-top:20px;
}

}

@media screen and (max-width: 680px) {

main {
	/*background-color: blue;
	width:97%;
	padding-right:1.5%;*/
}

#sidebar {
	width:100%;
	padding-left:0;
	padding-right:0;
}


}

@media screen and (max-width: 650px) {

.authorLeft,
.authorRight  {
width:100%;
}

.authorCard .eyeSwirl {
float:none;
width:312px;
margin-left:auto;margin-right:auto;
}

p.credit {
clear:both;
}

@media screen and (max-width: 630px) {

main  {
	/*background-color: indigo;*/
}

/*#sidebar {
	width:300px;
	padding-left:0;
	padding-right:0;
	
	margin-left:auto;
	margin-right:auto;
}*/

.gameAspect,.teaserLeft,.teaserRight,.prizeLeft,.prizeRight,.fbLeft,.fbRight,.registerLeft,.registerRight, .recapLeft,.recapRight,.weyrlingLeft,.weyrlingRight {
width:100%;
margin-right:0;
}

.gameAspect h3 {
font-size:2.4em;
}

.gameAspect p {
font-size: 1.8em;
}

.registerLeft h2, .registerLeft p {
padding:0 15px;
}

table.gameResults tr th:nth-of-type(5),
table.gameResults tr td:nth-of-type(5) {
display:none;
}

table.gameResults tr th:nth-of-type(4),
table.gameResults tr td:nth-of-type(4) {
border-right:none;
}

#heroTitle,
#heroBlurb,
#heroImage {
width:100%;
}

#heroTitle.mobile {
display:block;
}

#heroTitle.desktop {
display:none;
}

}

@media screen and (max-width: 580px) {

main {
	/*background-color: violet;*/
}

}

@media screen and (max-width: 530px) {

main {
	/*background-color: red;*/
}

#dragonchoice, #dragonchoice2 {
width:100%;
margin-right:0;
}

.originImage img{
width:75px;
height:75px;
}

.acf-button-group label {
font-size: 1.6em;
}

#searchPostie,
#searchDragon {
float:none;
margin-top:20px;
margin-bottom:20px;
}
#searchPostie img,
#searchDragon img {
max-width:100%;
}

.teaserLeft,.prizeLeft,.fbLeft,.registerLeft,.weyrlingLeft {

width:100%;
margin-right:0;
}

.teaserRight,.prizeRight,.fbRight, .registerRight,.weyrlingRight {

width:100%;

}

}

@media screen and (max-width: 480px) {

main {
	/*background-color: orange;*/
}
#contentContainer {
padding-top:275px;
}

}

@media screen and (max-width: 450px) {

main {
	/*background-color:grey;*/

}
#homeIntro h1 {
font-size:2.8em;

}

.acf-button-group label {
font-size: 1.4em;
}

}

@media screen and (max-width: 400px) {

.rank {
	float:none;
	width:150px;
	margin-left:auto;
	margin-right:auto;

}
}

@media screen and (max-width: 350px) {

#headerRight,
#topContainer.sticky #headerRight {
display:none !important;
}

main {
	/*background-color:brown;*/
}


}

@media screen and (max-width: 330px) {

main {
	/*background-color:brown;*/
}


}


}