@media screen and (max-width:1236px){
#HeaderNav ul li:nth-of-type(5) a {padding: 10px 10px 10px 10px;}
.ccm-layout-2-col-1.ccm-layout-cell.ccm-layout-col.ccm-layout-col-1.first img {width: 95%; max-width: 300px; height: auto;}
.ccm-layout-2-col-2.ccm-layout-cell.ccm-layout-col.ccm-layout-col-2 img {width: 95%; max-width: 300px; height: auto;}
.ccm-layout-2-col-3.ccm-layout-cell.ccm-layout-col.ccm-layout-col-3.last img {width: 95%; max-width: 300px; height: auto;}
}

@media screen and (max-width:1068px){
#HeaderNav ul li {width: 20%;}
#HeaderNav ul li a, #HeaderNav ul li:nth-of-type(5) a  {padding: 20px;}
#HeaderNav ul li:nth-of-type(10) a {padding: 10px 20px 10px 20px;}
#HeaderLogo h1 {display: none;}
#HeaderLogo h2 {display: none;}
#page-header {background-image: none;}
}

@media screen and (max-width:946px){
#HeaderNav ul li:nth-of-type(4) a  {padding: 10px 20px 10px 20px;}
}


@media screen and (max-width:920px){
#HeaderLogo p a img {max-width: 400px;}
#HeaderLogo h2 {margin-top: 0px; line-height: 30px; font-size: 25px;}
#HeaderLogo h1 { line-height: 31px; font-size: 31px;}
}

@media screen and (max-width:907px){
a #page-banner h3 {font-size: 35px;}
a #page-banner p {font-size: 28px;}
}

@media screen and (max-width:900px){
/*#HeaderNav ul li:nth-of-type(2) a  {padding: 10px 20px 10px 20px;}*/
}

@media screen and (max-width:895px){
/*#HeaderNav ul li:nth-of-type(9) a  {padding: 10px 20px 10px 20px;}*/
}

@media screen and (max-width:894px){
/*#HeaderNav ul li:nth-of-type(8) a  {padding: 10px 20px 10px 20px;}*/
}

@media screen and (max-width:893px){
#HeaderNav ul li:nth-of-type(2) a  {padding: 10px 20px 10px 20px;}
}

@media screen and (max-width:880px){
#page-banner:nth-of-type(2) p {color: #c0c0c0; font-size: 26pt; line-height: 40pt; padding-top: 54px;}
}

@media screen and (max-width:893px){
#HeaderNav ul li:nth-of-type(9) a  {padding: 10px 20px 10px 20px;}
}

@media screen and (max-width:877px){
#HeaderNav ul li:nth-of-type(8) a  {padding: 10px 20px 10px 20px;}
}

@media screen and (max-width:850px){
#page-body-full-inner-photos  {width: 50%; padding-bottom: 0px;}
#page-body-full-inner-photos  p img {padding-bottom: 0px;}
#page-body-full-inner-photos:nth-of-type(4n+3) p img, #page-body-full-inner-photos:nth-of-type(4n+4) p img {padding-bottom: 30px;}
}

@media screen and (max-width:799px){
#page-banner:nth-of-type(2) p {color: #c0c0c0; font-size: 26pt; line-height: 40pt; padding-top: 54px;}
}

@media screen and (max-width:726px){
#HeaderNav ul li:nth-of-type(5) a  {padding: 10px 20px 10px 20px;}
}

@media screen and (max-width:705px){
#page-header {background-image: none; background-position: top;}

#HeaderLogo {text-align: center; width: 100%;}
#HeaderLogo:nth-of-type(2) {display: none;}
#HeaderLogo h1 {text-align: center; padding: 20px;}
#HeaderLogo h2 {text-align: center; padding: 10px; margin-top: 0px;}
#HeaderLogo p a img {width: 375px; max-width: 70%;}
#HeaderLogo img {text-align: center; width: 90%; height: auto; max-width: 650px;}

#home-button {display: block;}
#HeaderNav {display: none;}
#mobile-menu {display: block;}
#HeaderNav ul li {width: 33%;}
#HeaderNav ul li:nth-of-type(1) {display: none;}
#HeaderNav ul li:nth-of-type(3), #HeaderNav ul li:nth-of-type(6), #HeaderNav ul li:nth-of-type(9) {width: 34%}
#HeaderNav ul li a {min-height: 34px; padding: 21px 10px 21px 10px !important;}
#HeaderNav ul li:nth-of-type(2) a, #HeaderNav ul li:nth-of-type(3) a, #HeaderNav ul li:nth-of-type(4) a, #HeaderNav ul li:nth-of-type(5) a, #HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a  {padding: 10px 20px 10px 20px !important;}
#page-banner {display: none;}
#page-banner-homepage {display: none;}
#page-body-main {float: left; width: 100%;}
#page-body-right {float: left; width: 100%; padding: 0px 20px 0 20px}

#page-body-full-inner.mobile-gallery {display: block;}
#page-body-full-inner.web-gallery {display: none;}

#footer-column {width: 100%; text-align:center;}
#footer-column:nth-of-type(2n) {width: 100%;}
#footer-column ul  {float: left; width: 100%; list-style-type: none; -webkit-padding-start: 0px;}
#footer-column ul li {float: left; width: 100%; text-align: center; padding-left: 0px;}
/*#HeaderNav ul li:nth-of-type(1) a, #HeaderNav ul li:nth-of-type(3) a, #HeaderNav ul li:nth-of-type(5) a, #HeaderNav ul li:nth-of-type(7) a {padding: 10px 10px 10px 10px;}
/*#HeaderNav ul li:nth-of-type(2) a, #HeaderNav ul li:nth-of-type(3) a, #HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a {background-color: #FFA039;}
#HeaderNav ul li:nth-of-type(1) a, #HeaderNav ul li:nth-of-type(4) a, #HeaderNav ul li:nth-of-type(5) a, #HeaderNav ul li:nth-of-type(8) a {background-color: #FF8500;}
#HeaderNav ul li:nth-of-type(5) a, #HeaderNav ul li:nth-of-type(6) a {padding: 10px 10px 10px 10px;}*/
#HeaderNav ul li a:hover {background-color: #C3F800; color: #676767;}
#rocket-animation {width: 30px; height: 77.5px; background-size: 100% 100%; background-repeat: no-repeat;}
#saucer-animation {width: 55px; height: 26px; background-size: 100% 100%; background-repeat: no-repeat;}

#page-body-right-parties {min-height: 1px;}

#party-invites, #party-book {padding: 35px 20px 20px 20px; min-height: 200px;}
}

@media screen and (max-width:586px){
#HeaderNav ul li:nth-of-type(10) a {padding: 10px 20px 10px 20px !important;}
}

@media screen and (max-width:563px){
#HeaderNav ul li:nth-of-type(2) a, #HeaderNav ul li:nth-of-type(3) a {padding: 21px 10px 21px 10px !important;}
}

@media screen and (max-width:532px){
/*#HeaderNav ul li:nth-of-type(7) a, #HeaderNav ul li:nth-of-type(8) a {padding: 21px 10px 21px 10px;}*/
}

@media screen and (max-width:503px){
#HeaderNav ul li:nth-of-type(4) a {padding: 10px 20px 10px 20px !important;}
}

@media screen and (max-width:474px){
#HeaderNav ul li:nth-of-type(2) a {padding: 10px 20px 10px 20px !important;}
}

@media screen and (max-width:472px){
#HeaderNav ul li:nth-of-type(9) a {padding: 10px 20px 10px 20px !important;}
}

@media screen and (max-width:471px){
#HeaderNav ul li:nth-of-type(8) a {padding: 10px 20px 10px 20px !important;}
}

@media screen and (max-width:460px){
#HeaderNav ul li:nth-of-type(2) a {padding: 10px 20px 10px 20px !important;}
}

@media screen and (max-width:457px){
#HeaderNav ul li:nth-of-type(8) a {padding: 10px 20px 10px 20px !important;}
}

@media screen and (max-width:430px){
#HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a {padding: 21px 20px 21px 20px !important;}
}

@media screen and (max-width:420px){
/*#HeaderNav ul li a {font-size: 14px; padding: 8px 10px 8px 10px !important;}
#HeaderNav ul li:nth-of-type(9) a {padding: 8px 10px 8px 10px;}*/
#HeaderLogo {padding: 0 5px 0 5px; min-height: 0px;}
#HeaderLogo p a img {width: 230px;}

#party-invites h3, #party-book h3 {font-size: 35px; line-height: 40px;}
#party-invites p, #party-book p {font-size: 25px; line-height: 30px;}
}

@media screen and (max-width:417px){
#HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a {padding: 21px 10px 21px 10px !important;}
}

@media screen and (max-width:379px){
#HeaderNav ul li:nth-of-type(8) a, #HeaderNav ul li:nth-of-type(9) a {padding: 21px 20px 21px 20px !important;}
}

@media screen and (max-width:363px){
#HeaderNav ul li:nth-of-type(3) a {padding: 32px 20px 32px 20px !important;}
#HeaderNav ul li:nth-of-type(4) a {padding: 21px 20px 21px 20px !important;}
}

@media screen and (max-width:358px){
#HeaderNav ul li:nth-of-type(5) a {padding: 10px 20px 10px 20px !important;}
#HeaderNav ul li:nth-of-type(3) a {padding: 21px 20px 21px 20px !important;}
#HeaderNav ul li:nth-of-type(4) a {padding: 10px 20px 10px 20px !important;}
#HeaderNav ul li:nth-of-type(8) a, #HeaderNav ul li:nth-of-type(9) a {padding: 21px 20px 21px 20px !important;}
#HeaderNav ul li a {font-size: 11pt;}
}



@media screen and (max-width:356px){
#HeaderNav ul li:nth-of-type(8) a, #HeaderNav ul li:nth-of-type(9) a {padding: 21px 20px 21px 20px !important;}
}

@media screen and (max-width:343px){
#HeaderNav ul li:nth-of-type(3) a {padding: 32px 20px 32px 20px !important;}
#HeaderNav ul li:nth-of-type(4) a {padding: 21px 20px 21px 20px !important;}
}

@media screen and (max-width:339px){
#HeaderNav ul li:nth-of-type(8) a {padding: 10px 20px 10px 20px !important;}
}

@media screen and (max-width:333px){
#HeaderNav ul li a {font-size: 10pt;}
#HeaderNav ul li:nth-of-type(3) a {padding: 21px 20px 21px 20px !important;}
#HeaderNav ul li:nth-of-type(4) a {padding: 10px 20px 10px 20px !important;}
#HeaderNav ul li:nth-of-type(8) a {padding: 21px 20px 21px 20px !important;}
}

@media screen and (max-width:325px){
td h3 {font-size: 15px;}
}

@media screen and (max-width:323px){
#HeaderNav ul li:nth-of-type(3) a {padding: 32px 20px 32px 20px !important;}
#HeaderNav ul li:nth-of-type(4) a {padding: 21px 20px 21px 20px !important;}
}

@media screen and (max-width:320px){
#HeaderNav ul li:nth-of-type(4) a {padding: 10px 20px 10px 20px !important;}
#HeaderNav ul li:nth-of-type(8) a {padding: 10px 20px 10px 20px !important;}
#HeaderNav ul li:nth-of-type(9) a {padding: 10px 20px 10px 20px !important;}
}


@media screen and (max-width:319px){
#HeaderNav ul li a {padding: 10px !important;}
#HeaderNav ul li:nth-of-type(2) a, #HeaderNav ul li:nth-of-type(3) a, #HeaderNav ul li:nth-of-type(4) a, #HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a, #HeaderNav ul li:nth-of-type(8) a, #HeaderNav ul li:nth-of-type(9) a {padding: 10px 10px 10px 10px !important;}
#HeaderNav ul li:nth-of-type(3) a, #HeaderNav ul li:nth-of-type(5) a, #HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a , #HeaderNav ul li:nth-of-type(8) a, #HeaderNav ul li:nth-of-type(9) a {padding: 21px 10px 21px 10px !important;}
}

@media screen and (max-width:318px){
#HeaderNav ul li:nth-of-type(5) a {padding: 10px 10px 10px 10px !important;}	
}

@media screen and (max-width:313px){
#HeaderNav ul li a {font-size: 9pt;}
#HeaderNav ul li:nth-of-type(5) a {padding: 21px 10px 21px 10px !important;}
}

@media screen and (max-width:294px){
#HeaderNav ul li:nth-of-type(4) a {padding: 10px 10px 10px 10px !important;}
#HeaderNav ul li:nth-of-type(9) a {padding: 21px 10px 21px 10px !important;}
}

@media screen and (max-width:292px){
#HeaderNav ul li:nth-of-type(5) a {padding: 10px 10px 10px 10px !important;}
}

@media screen and (max-width:290px){
#HeaderNav ul li:nth-of-type(8) a {padding: 21px 10px 21px 10px !important;}
#HeaderNav ul li:nth-of-type(10) a {font-size: 8pt;}
}


@media screen and (max-width:279px){
#HeaderNav ul li a {padding: 10px !important;}
#HeaderNav ul li:nth-of-type(2) a, #HeaderNav ul li:nth-of-type(3) a, #HeaderNav ul li:nth-of-type(4) a, #HeaderNav ul li:nth-of-type(5) a, #HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a, #HeaderNav ul li:nth-of-type(8) a, #HeaderNav ul li:nth-of-type(9) a {padding: 10px 10px 10px 10px !important;}
#HeaderNav ul li:nth-of-type(3) a, #HeaderNav ul li:nth-of-type(6) a, #HeaderNav ul li:nth-of-type(7) a , #HeaderNav ul li:nth-of-type(8) a, #HeaderNav ul li:nth-of-type(9) a {padding: 21px 10px 21px 10px !important;}
}

@media screen and (max-width:243px){
#HeaderNav ul li:nth-of-type(3) a {padding: 32px 10px 32px 10px !important;}
#HeaderNav ul li:nth-of-type(4) a {padding: 21px 10px 21px 10px !important;}
}

@media screen and (max-width:238px){
#HeaderNav ul li:nth-of-type(8) a {padding: 10px 10px 10px 10px !important;}
}