@media screen and (min-width: 0px) {

/*
Junior Rangers
*/

.info-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  margin-top: -35px;
}

.info-box {
    flex: 1 1 100%;
	text-align: center;
  }

  .info-boxMargin {
    margin-top: 55px;
  }

.info-box img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  max-width: 600px;
  margin-bottom: 20px;
}



/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 5;/* Sit on top */
	left: 0;
	margin-top: -527px;
	width: 100%; /* Full width */
	height: 500vh; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
	margin: auto;
	width: 100%;
	  top: 75%;
	  position: relative;
  }
  
  /* The Close Button */
  .close {
	color: white;
	float: right;
	font-size: 50px;
	  margin-top: -30px;
	font-weight: bold;
	  z-index: 6;
	  position: relative;
	  top: 16px;
	  right: 2%;
  }
  
  .close:hover{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	  z-index:7;
}
	/* STICKERS **************************/
	
	#booklet {
		position: relative;
		height: 170px;
		margin-bottom: -76px;
		top: -58px;
		z-index: 1;
	}
	
	/* STICKERS END **************************/
	#passport{
		width: 100%;
	}
	
	#landingTxt{
		grid-column: col-start 1/span 10;
		text-align: center;
		margin-bottom: 70px;
		margin-top: 60px;
	}
	#landingTxt2{
		grid-column: col-start 1/span 10;
		text-align: center;
	}
	#landingTxt3{
		grid-column: col-start 1/span 10;
		text-align: center;
	}
	#landingTxt5{
		grid-column: col-start 1/span 10;
	}
	#notepad{
		grid-column: col-start 1 / span 10;
        display: initial;
        margin-left: 20px;
        margin-right: 20px;
	}
	#tourDetail{
		grid-column: 1 / span 10;
	}
	.tourDetailH2 {
		font-size: 2.35em;
	}
	.tourDetailTxt {
		font-size: 1.1em;
	}
	#tourDetailH2{
		text-align: center;
		line-height: 100%;
	}
	.tourDesc1 {
  		grid-column: 1 / span 10;
		text-align: center;
	}
	.tourDesc2 {
  		grid-column: 1 / span 10;
		text-align: center;
	}
	.spacing-tour{
		margin-top: -295px;
	}
	#fullColumn {
		grid-column: col-start 1/span 10; 
		background: url('/wp-content/uploads/2025/06/2025_Discover_JuniorRangers_Background_Beige.png'); 
		background-size: cover;
		margin-top: 20px;
	}
	.sticker-container{
		grid-column: col-start 1/span 10;
		margin-top: 25px;
		letter-spacing: 10px;
		margin: auto;
	}
	.notepadNums {
        border-radius: 50%;
        width: 27px;
        height: 27px;
        color: white;
        text-align: center;
        font-size:1.12em;
        background-color: #2B673C;
      }
	#boxes{
		display: grid;
  		grid-template-columns: auto auto auto auto auto;
	}
	.box1 {
		grid-column: 1 / span 2;
	}
	.box2 {
		grid-column: 3 / span 2;
	}
	.box3 {
		grid-column: 5 / span 2;
	}
	.box4 {
		grid-column: 7 / span 2;
	}
	.box5 {
		grid-column: 9 / span 2;
	}
	#img1{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#img2{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#img3{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#img4{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#img5{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#sticker1{
		width: 90px; 
		height: auto;
	}
	#sticker2{
		width: 90px; 
		height: auto;
	}
	#sticker3{
		width: 90px; 
		height: auto;
	}
	#sticker4{
		width: 90px; 
		height: auto;
		display: none;
	}
	#sticker5{
		width: 90px; 
		height: auto;
		display: none;
	}
	#sticker4m{
		width: 90px; 
		height: auto;
	}
	#sticker5m{
		width: 90px; 
		height: auto;
	}	
	.arrow{
  		border: solid rgb(0, 128, 0);
  		border-width: 0 6px 6px 0;
  		display: inline-block;
  		padding: 8px;
	}
	.down {
  		transform: rotate(45deg);     
		display: initial;
	}
	.rotate{
		 -webkit-transform: rotate(180deg);
	}
	.up {
  		transform: rotate(-135deg);
	}
	
	.mLCol1 { grid-area: bp; }

	.mRCol1 { grid-area: data; }

	.notepadContainer2 {
 	 	display: grid;
  		grid-template-areas:
		'bp data';
	  	grid-gap: 10px;
	}

	.notepadContainer2 div {
		  text-align: left;
	}
	
	#notepadMobile {
		grid-column: 1/span 10;
	}
	#num1{
		margin-top: 80px;
	}
	
	#num2{
		margin-top: 41px;
	}
	#num3{
		margin-top: 72px;
	}
	#num4{
		margin-top: 72px;
	}
	#num5{
		margin-top: 55px;
	}
	#num6{
		margin-top: 55px;
	}
	/* Specific to notepad */
	.LCol1 { grid-area: bp1; grid-template-columns: 97%; display: grid;}
	.LCol2 { grid-area: bp2; }
	.LCol3 { grid-area: bp3; }
	.LCol4 { grid-area: bp4; grid-template-columns: 95%; display: grid;}
	.LCol5 { grid-area: bp5; }
	.LCol6 { grid-area: bp6; }
	.LCol7 { grid-area: bp7; }
	.LCol8 { grid-area: bp8; }
	

	.RCol1 { grid-area: content1; }
	.RCol2 { grid-area: content2; }
	.RCol3 { grid-area: content3; }
	.RCol4 { grid-area: content4; }
	.RCol5 { grid-area: content5; }
	.RCol6 { grid-area: content6; }
	.RCol7 { grid-area: content7; }
	.RCol8 { grid-area: content8; }


	.notepadContainer {
 	 	display: grid;
  		grid-template-areas:
		'bp1 content1'
		'bp2 content2'
		'bp3 content3'
		'bp4 content4';
	  	grid-gap: 10px;
		grid-template-columns: 7.5%;
		margin-bottom: 40px;
		margin-top: 55px;
	}

	.notepadContainer div {
		  text-align: center;
	}
	/* end of notepad */
	#desktopHead {
		display: none;
	}
	.landingColor {
		color: black;
	}
	#acorn {
		display: none;
	}
	#pencil {
		display:none;
	}
	#ant {
		display: none;
	}
	#mobileAnt {
		width: 175px;
		position: absolute;
		left: 41%;
		top: -7%;
	}
	#roosevelt {
		display: none;
	}
	#bothParks{
		display: none;
	}
	.emblem{
		width: 230px;
	}
    .emblemText{
		width: 320px;
		margin-top: 15px;
        margin-bottom: 45px;
	}
	.barklandingH2{
		font-size: 1.5em !important;
	}
	h2{
		font-size: 1.25em !important;
	}
	.merillMobile{
		position: relative;
		width: 95px;
		top: 145px;
		left: -22px;
	}
	.oldBridgeMobile{
		position: relative;
		width: 112px;
		top: 133px;
		left: 24%;

	}
	#mcbark {
		margin-bottom: 60px;
	}
	.modalHeight {
		position: relative;
		top: 615px !important;
	}
	#mobileStickers {
		margin-bottom: -155px;
	}
	.notepadBottomMargin {
		margin-bottom: 45px;
	}

	/* Form Settings */
	.form-container {
		background: url('/wp-content/uploads/2025/06/2025_Discover_JuniorRangers_Background_Yellow.png');
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	}
	#juniorRangersForm {
		display: grid;
		grid-template-areas:
        'first first first first first first'
		'second second second second second second'
        'third third third third third third'
        'fourth fourth fourth fourth fourth fourth'
		'fifth fifth fifth fifth fifth fifth'
		'sixth sixth sixth sixth sixth sixth'
		'seventh seventh seventh seventh seventh seventh'
		'eighth eighth eighth eighth eighth eighth'
		'ninth ninth ninth ninth ninth ninth'
		'tenth tenth tenth tenth tenth tenth';
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 10px;
		width: 85%;
		margin: auto;
		margin-top: 30px;
	}
	#formTitle {
		margin-left: 15% !important;
		margin-right: 15% !important;
		font-size: 1.5em !important;
	}
	input[type="text"], input[type="email"], input[type="number"] {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		margin-bottom: 0px !important;
		background-color: white !important;
		height: 44px;
		text-align: left;
	}
	#barkForm input[type="submit"] {
		padding: 10px;
		border: none;
		background-color: #e89244;
		color: white;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
		margin: auto;
	}
	#barkForm input[type="submit"]:hover {
		-webkit-transition-property: all;
    	-o-transition-property: all;
    	transition-property: all;
    	-webkit-transition-duration: .35s;
    	-o-transition-duration: .35s;
    	transition-duration: .35s;
    	-webkit-transition-timing-function: ease-in-out;
    	-o-transition-timing-function: ease-in-out;
    	transition-timing-function: ease-in-out;
		background-color: white;
        color: black;
	}
	.radio-group {
		display: flex;
		align-items: center;
		grid-column: span 2;
	}
	.radio-group label {
		margin-right: 10px;
	}
	.radio-group input {
		margin-right: 5px;
	}
	.print-link {
		text-align: center;
		grid-column: span 2;
		margin-top: 10px;
	}
	.print-link a {
		color: white;
		text-decoration: none;
	}
	input::placeholder {
        color: black;
        opacity: .8; /* Firefox */
      }
      
      input:-ms-input-placeholder { /* Internet Explorer 10-11 */
       color: black;  
       opacity: .5; /* Firefox */
      }
      
      input::-ms-input-placeholder { /* Microsoft Edge */
       color: black;
       opacity: .8; /* Firefox */
      }

	.item1 { grid-area: first; }
	.item2 { grid-area: second; }
	.item3 { grid-area: third; }
	.item4 { grid-area: fourth; }
	.item5 { grid-area: fifth; }
	.item6 { grid-area: sixth; width: 100% !important; }
	.item7 { grid-area: seventh; width: 100%; margin-left: 0%;}
	.item8 {grid-area: eighth; text-align: left; margin-top: 15px;} /* Waiver Box */
	.item9 { grid-area: ninth; }
	.item10 { grid-area: tenth; }

	.waiver-scrollbox {
    	background-color: #f2f2f2;
    	border: 1px solid #ccc;
    	padding: 0px;
    	max-height: 180px;
    	overflow-y: auto;
    	font-size: 0.95em;
    	border-radius: 5px;
    	margin-bottom: 15px;
		line-height: 17px;
		padding-top: 30px
	}

	.waiver-checkbox {
    	display: flex;
    	align-items: center;
    	font-size: 0.95em;
	}
	.waiver-checkbox input[type="checkbox"] {
    	margin-right: 8px;
	}
	/* Form Settings END */
	.captchaS{
		display: block;
	}
	.captchaL{
		display: none;
	}
	.captcha-container {
		position: relative;
        top: 50px;
        left: 20px;
        margin-top: 20px;
	}
	.bookletDiv {
		text-align: center;
	}
	#confirmation {
		display: none;
	}
	#tempBonus {
		margin-top: 204px;
	}
    #mcCircle {
        width: 250px;
        position: relative;
        top: -155px;
        margin-bottom: -140px;
        right: 4px;
    }
    #leafAndButterfly {
        width: 350px;
    }
	#leaf {
		display: none;
	}
	#butterfly {
		display: none;
	}
	#bird {
		display: none;
	}
	#ladybug {
		display: none;
	}
}

@media screen and (min-width: 322px) {
	.oldBridgeMobile{
		position: relative;
		top: 130px;
		left: 27%;
	}
}

@media screen and (min-width: 339px) {
	#formTitle {
		margin-left: 20% !important;
		margin-right: 20% !important;
	}
}


@media screen and (min-width: 350px) {
	.oldBridgeMobile{
		left: 35%;
	}
}
@media screen and (min-width: 370px) {
	.oldBridgeMobile{
		position: relative;
		width: 110px;
		left: 42%;
		top: 133px;
	}
	.merillMobile{
		position: relative;
		left: -35px;
	}
}

@media screen and (min-width: 388px){
	.oldBridgeMobile{
		left: 44%;
		top: 100px;
	}
	.merillMobile {
        left: -36px;
		top: 50px;
	}
}

@media screen and (min-width: 400px){
	#booklet {
		position: relative;
		height: 200px;
		margin-bottom: -76px;
		top: -58px;
	}
	#formTitle {
		margin-left: 25% !important;
		margin-right: 25% !important;
	}
		#mobileAnt {
		width: 185px;
		top: -7%;
		left: 45%;
	}
}


@media screen and (min-width: 450px) {
	.oldBridgeMobile{
		left: 50%;
		top: 100px;
	}
	.merillMobile {
        left: -29px;
		top: 50px;
	}
	#formTitle {
		font-size: 1.75em !important;
	}
	#mobileAnt {
		top: -6%;
	}
}

@media screen and (min-width: 488px){
	.oldBridgeMobile{
		left: 55%;
		top: 85px;
	}
	.merillMobile {
        left: -36px;
		top: 30px;
	}
}

@media only screen and (max-width: 539px) {
	#participate{
		margin-top: 45px;
		margin-bottom: 45px;
	}
	#participate div p {
		color: black;
	}
	.noteDesc {
		margin-left: 1% !important;
		line-height: 1.2;
		margin-right: 5% !important;
	}
	#mobileHead {
		margin-bottom: 30px;
		margin-top: 10px;
	}
}

@media screen and (min-width: 540px){
	.hamsa{
		grid-column: col-start 1/span 1;
		display: initial;
	}
	.folk{
		display: initial;
		grid-column: col-start 8/span 3;
	}
	.church{
		display: initial;
		grid-column: col-start 1/span 1;
	}
	.fan{
		grid-column: col-start 1/span 1;
	}
	.bagel{
		grid-column: col-start 3/span 1;
		display: initial;
	}
	#hamsa{
		position: relative;
    	top: -194px;
    	left: 30px;
    	width: 150%;
	}
	#folk {
    	position: relative;
    	top: -154px;
    	left: 8px;
    	width: 80%;
    	margin-bottom: -300px;
	}
	#church {
    	position: relative;
    	top: 605px;
    	left: 40px;
    	width: 200%;
    	margin-bottom: -300px;
	}
	#fan{
		position: relative;
    	top: -80px;
    	left: 19px;
    	width: 230%;
    	margin-bottom: -300px;
	}
	#bagel{
		position: relative;
    	top: 1464px;
    	left: -95px;
    	width: 150%;
    	margin-bottom: -300px;
	}
	.spacing-tour{
		margin-top: -250px;
	}
	.sticker-container{
		grid-column: col-start 1/span 10;
		margin: auto;
		margin-top: 25px;
		letter-spacing: 10px
	}
	
	#notepad{
		grid-column: col-start 2/span 8;
		display: initial;
	}
	#boxes{
		display: grid;
  		grid-template-columns: auto auto auto auto auto;
	}
	.box1 {
		grid-column: 1 / span 2;
	}
	.box2 {
		grid-column: 3 / span 2;
	}
	.box3 {
		grid-column: 5 / span 2;
	}
	.box4 {
		grid-column: 7 / span 2;
	}
	.box5 {
		grid-column: 9 / span 2;
	}
	#img1{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#img2{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#img3{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#img4{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#img5{
		width: 15px;
		height: auto;
		text-align: center;
		margin-top:5px;
		margin-bottom: 5px;
		visibility: hidden;
	}
	#sticker1{
		width: 90px; 
		height: auto;
	}
	#sticker2{
		width: 90px; 
		height: auto;
	}
	#sticker3{
		width: 90px; 
		height: auto;
	}
	#sticker4{
		width: 90px; 
		height: auto;
		display: initial;
	}
	#sticker5{
		width: 90px; 
		height: auto;
		display: initial;
	}	
	#sticker4m{
		width: 90px; 
		height: auto;
		display: none;
	}
	#sticker5m{
		width: 90px; 
		height: auto;
		display: none;
	}	
	#landingTxt{
		grid-column: col-start 2/span 8;
	}
	#landingTxt2{
		grid-column: col-start 2/span 8;
	}
	#notepadMobile {
		display:none;
	}
	#mobileHead {
		display: none;
	}
	#desktopHead {
		display: initial;
		line-height: 1.2em;
	}
	#img1{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: hidden;
	}
	#img2{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: hidden;
	}
	#img3{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: hidden;
	}
	#img4{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: hidden;
	}
	#img5{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: hidden;
	}
	#participate div p {
		color: black;
	}
	.noteDesc {
		margin-right: 20% !important;
		line-height: 1.2em;
	}
	.landingColor {
		color: #008445;
	}
	#booklet {
		position: relative;
		height: 250px;
		margin-bottom: -225px;
		top: -82px;
	}
	.barklandingH2{
		font-size: 2em !important;
	}
	h2{
		font-size: 1.5em !important;
	}
	.notepadNums {
        border-radius: 50%;
        width: 33px;
        height: 33px;
        color: white;
        text-align: center;
        font-size:1.32em;
    }
	#mcbark {
		margin-bottom: 60px;
	}
	#fullColumn {
		margin-top: 40px;
	}
	.modal-content {
		width: 520px;
	}
	.modalHeight {
		top: 700px !important;
	}
	#barkSubmit{
		margin-top: 20px;
	}
	.captchaS{
		display: none;
	}
	.captchaL{
		display: block;
	}
	.notepadContainer {
		margin-top: 35px;
	}
	.oldBridgeMobile{
		left: 50%;
		top: 85px;
	}
	.merillMobile {
        left: -77px;
		top: 30px;
	}
    #mcCircle {
        width: 352px;
        position: relative;
        top: -140px;
        margin-bottom: -140px;
    }
	.waiver-scrollbox {
		padding: 30px;
		padding-top: 30px;
	}
}
@media screen and (min-width: 584px) {
	.oldBridgeMobile{
		left: 56%;
	}
}
@media screen and (min-width: 600px) {
	#mobileAnt{
		left: 55%;
		width: 195px;
	}
}
@media screen and (min-width: 655px) {
	.oldBridgeMobile{
		width: 122px;
		left: 60%;
	}
	.merillMobile {
		width: 125px;
	}
}

@media only screen and (max-width: 767px) {
    #landingTxt4 {
        display: none;
    }
	#XtraSpc{
		display: none;
	}
	#landingTxt {
		margin-left: 10%;
		margin-right: 10%;

	}
}

@media screen and (min-width: 768px) {
	/* STICKERS **************************/
	#passport{
    	position: relative;
    	top: -58px;
    	left: -25px;
    	width: 550%;
    	margin-bottom: -300px;
	}
	
	.tourDesc1 {
  		grid-column: 1 / span 10;
		text-align: center;
	}
	.tourDesc2 {
  		grid-column: 4 / span 4;
		text-align: center;
	}
	#landingTxt{
		grid-column: col-start 3/span 6;
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}
	#landingTxt2{
		grid-column: col-start 3/span 6;
		text-align: center;
	}
	#landingTxt3{
		grid-column: col-start 2/span 4;
		text-align: center;
	}
	#landingTxt4{
		grid-column: col-start 6/span 1;
		display: initial;
	}
	#landingTxt5{
		display: none;
	}
	#notepad{
		grid-column: col-start 3/ span 6;
	}
	h2{
		font-size: 2em;
	}
	#sticker1{
		width: 130px; 
		height: auto;
	}
	#sticker2{
		width: 130px; 
		height: auto;
	}
	#sticker3{
		width: 130px; 
		height: auto;
	}
	#sticker4{
		width: 130px; 
		height: auto;
	}
	#sticker5{
		width: 130px; 
		height: auto;
	}
	#landingTxt {
		margin-top: 110px;
	}
	.modal-content {
		width: 596px;
	}
	#formTitle {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.item6{
		width: 130% !important;
	}
	#juniorRangersForm {
		display: grid;
		grid-template-areas:
        'first first first second second second'
        'third third third third third third'
        'fourth fourth fourth fourth fifth fifth'
		'sixth empty1 seventh seventh seventh seventh'
		'eighth eighth eighth eighth eighth eighth'
		'ninth ninth ninth ninth empty3 tenth';
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 20px;
		width: 85%;
		margin: auto;
		margin-top: 30px;
	}
	#barkForm input[type="submit"] {
		grid-column: span 2;
		padding: 10px;
		border: none;
		background-color: #e89244;
		color: black;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
		margin-top: 40px;
		margin-left: 50px;
		margin: none;
	}
	.item7 { grid-area: seventh; width: 118%; margin-left: -18%;}
	.oldBridgeMobile{
		top: 125px;
		left: 48%;
	}
	.merillMobile {
        left: -63px;
		top: 75px;
	}
	.waiver-scrollbox {
		line-height: unset;
	}
		#mobileAnt {
		width: 205px;
		top: -6%;	
		left: 60%;
	}
}

@media screen and (min-width: 820px){
	.oldBridgeMobile{
		top: 100px;
		left: 55%;
	}
	.merillMobile {
        left: -70px;
		top: 45px;
	}
}


@media screen and (min-width: 950px) {	
	#tourDetail{
		grid-column: 1 / span 3;
	}
	#tourDetailH2{
		text-align: left;
	}
	.tourDetailTxt {
		font-size: 1.1em;
	}
	.spacing-tour{
		margin-top: -70px;
	}	
}


@media screen and (min-width: 1002px) {
	
	#passport{
    	position: relative;
    	top: -74px;
    	left: -25px;
    	width: 530%;
    	margin-bottom: -300px;
	}
}

@media screen and (min-width: 1100px) {
	/* STICKERS **************************/
	.hamsa{
		grid-column: col-start 2/span 1;
	}
	.folk{
		grid-column: col-start 11/span 3;
	}
	.fan{
		
	}
	#hamsa{
		position: relative;
    	top: -90px;
    	left: -15px;
    	width: 150%;
	}
	#folk{
		position: relative;
    	top: 200px;
    	left: 38px;
    	width: 100%;
    	margin-bottom: -300px;
	}
	#church {
    	position: relative;
    	top: 855px;
    	left: 112px;
    	width: 300%;
    	margin-bottom: -300px;
	}
	#fan{
		position: relative;
    	top: -28px;
    	left: 153px;
    	width: 230%;
    	margin-bottom: -300px;
	}
	#skull{
		position: relative;
    	top: 733px;
    	left: 110px;
    	width: 150%;
    	margin-bottom: -300px;
		transform: rotate(-15deg);
	}
	#bagel{
		position: relative;
    	top: 1529px;
    	left: 19px;
    	width: 150%;
    	margin-bottom: -300px;
	}
	#pizza{
		position: relative;
    	top: 265px;
    	left: 379px;
    	width: 200%;
    	margin-bottom: -300px;
	}
	#sitar{
		position: relative;
    	top: 1345px;
    	left: 320px;
    	width: 300%;
    	margin-bottom: -300px;
	}

	/* STICKERS END **************************/
	#passport{
		position: relative;
    	top: -25px;
    	left: -125px;
    	width: 700%;
    	margin-bottom: -300px;
	}
	
	.tourDetailTxt {
		font-size: 1.2em;
	}
	.tourDesc1 {
  		grid-column: 1 / span 10;
	}
	.tourDesc2 {
  		grid-column: 3 / span 6;
	}
	#landingTxt{
		grid-column: col-start 4/span 8;
		text-align: center;
		margin-bottom: 60px;
	}
	#landingTxt2{
		grid-column: col-start 4/span 8;
		text-align: center;
	}
	#landingTxt3{
		grid-column: col-start 3/span 4;
		text-align: center;
	}
	#landingTxt4{
		grid-column: col-start 8/span 1;
		text-align: center;
	}
	#notepad{
		grid-column: col-start 4/ span 8;
	}
	.spacing-tour{
		margin-top: -70px;
	}
	#fullColumn {
		grid-column: col-start 1/span 14; 
	}
	.sticker-container{
		grid-column: col-start 1/span 14;
		margin: auto;
		margin-top: 35px;
		letter-spacing: 20px
	}
	#sticker1{
		width: 160px; 
		height: auto;
	}
	#sticker2{
		width: 160px; 
		height: auto;
	}
	#sticker3{
		width: 160px; 
		height: auto;
	}
	#sticker4{
		width: 160px; 
		height: auto;
	}
	#sticker5{
		width: 160px; 
		height: auto;
	}
	#img1{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: visible;
	}
	#img2{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: visible;
	}
	#img3{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: visible;
	}
	#img4{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: visible;
	}
	#img5{
		width: 50px;
		height: auto;
		text-align: center;
		margin-top:15%;
		margin-bottom: 15%;
		visibility: visible;
	}
	#booklet {
		position: relative;
		height: 300px;
		margin-bottom: -285px;
		top: -64px;
		left: 60%;
	}
	#acorn {
		position: relative;
		height: 330px;
		margin-bottom: -540px ;
		top: -210px;
		left: -75%;
		display: initial;
	}
	#pencil {
		display:initial;
		position: relative;
		height: 370px;
		margin-bottom: -540px ;
		top: -360px;
		left: -70%;
	}
	#ant {
		display: initial;
		position: relative;
		height: 50px;
		margin-bottom: -540px ;
		top: -420px;
		left: 42%;
		z-index: 5;
	}
	#mobileAnt {
		display: none;
	}
	#bothParks {
		position: relative;
		height: 340px;
		margin-bottom: -430px ;
		top: -700px;
		left: -46%;
		display: initial;
	}
	#roosevelt {
		position: relative;
		height: 205px;
		margin-bottom: -285px;
		top: -60px;
		left: 95%;
		display: initial;
	}
	.barklandingH2{
		font-size: 2.35em !important;
	}
	h2{
		font-size: 2em !important;
	}
	.notepadNums {
        border-radius: 50%;
        width: 49px;
        height: 47px;
        color: white;
        text-align: center;
        font-size:2.05em;
      }
	  .emblem{
		width: 260px;
	}
    .emblemText{
		width: 500px;
        margin-top: 25px;
	}
	.notepadContainer {
		margin: 40px;
	}
	.oldBridgeMobile{
		display: none;
	}
	.merillMobile {
        display: none;
	}
	.modal-content {
		width: 640px;
	}
	#mobileStickers {
		margin-bottom: 0px;
	}
	.noteDesc {
		margin-right: 0% !important;
		line-height: 1.2em;
	}
	.modalHeight {
		top: 787px !important;
	}
	.bookletDiv {
		text-align: left;
	}
	#barkForm input[type="submit"] {
		grid-column: span 2;
		padding: 10px;
		border: none;
		background-color: #e89244;;
		color: black;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
		margin-top: 40px;
		margin-left: 43px;
	}
	#tempBonus {
		margin-top: 0px;
	}
	.info-box {
    flex: 1 1 calc(50% - 20px);
	text-align: center;
  }
    .info-section {
        margin-top: 10px;
    }
    .info-box img {
        border-radius: 20px;
        margin-bottom: 25px;
        width: 350px;
        height: 233px;
    }
    .info-box h1 {
        margin-left: 35px;
        margin-right: 35px;
    }
    #mcCircle {
        width: 450px;
        position: relative;
        top: -140px;
        margin-bottom: -140px;
    }
    #leafAndButterfly {
        display: none;
    }
    .info-boxMargin {
    margin-top: 0px;
	margin-bottom: 45px;
  }
  .notepadBottomMargin {
		margin-bottom: 0px;
	}
	.oldBridgeMobile{
		display: none;
	}
	.merillMobile {
        display: none;
	}
	#butterfly {
		display: block;
		width: 350px;
		position: absolute;
		top: -240%;
		left: -30%;
	}
	#leaf {
		display: inline;
		width: 300px;
		position: absolute;
		right: -41%;
		top: -241%;
	}
	#formTitle {
		font-size: 2em !important;
	}
	#bird {
		display: initial;
		position: relative;
		top: -496px;
		width: 180px;
		left: 72%;
		margin-bottom: -222px;
	}
	#ladybug {
		display: initial;
		position: absolute;
		width: 200px;
		left: 8%;
		top: 25%;
	}
}

@media screen and (min-width: 1137px){
	#skull{
		position: relative;
    	top: 698px;
    	left: 126px;
    	width: 150%;
    	margin-bottom: -300px;
		transform: rotate(-15deg);
	}
	#sitar{
		position: relative;
    	top: 1299px;
    	left: 303px;
    	width: 300%;
    	margin-bottom: -300px;
	}
	#bagel{
		position: relative;
    	top: 1482px;
    	left: 19px;
    	width: 150%;
    	margin-bottom: -300px;
	}
}
@media screen and (min-width: 1178px){
	#bagel{
		position: relative;
    	top: 1467px;
    	left: 19px;
    	width: 150%;
    	margin-bottom: -300px;
	}
}
@media screen and (min-width: 1200px) {
	.tourDetailTxt {
		font-size: 1.3em;
	}
	#bothParks {
		left: -43%;
	}
	#ant {
		left: 41%;
	}
}

@media screen and (min-width: 1267px) {
	#bird {
		top: -465px;
	}	
	#bothParks {
		left: -40%;
	}
}

@media screen and (min-width: 1300px) {
	#barkForm input[type="submit"] {
		grid-column: span 2;
		padding: 10px;
		border: none;
		background-color: #e89244;;
		color: black;
		border-radius: 5px;
		cursor: pointer;
		font-size: 16px;
		margin-top: 40px;
		margin-left: 17px;
	}
	#acorn{
		left: -75%;
		top: -150px;
		height: 370px;
	}
	#ladybug {
	width: 230px;
	}
}

@media screen and (min-width: 1311px) {
	#butterfly {
		display: block;
		width: 350px;
		position: absolute;
		left: -27%;
	}
	#leaf {
		display: inline;
		width: 340px;
		position: absolute;
		right: -40%;
	}
}

@media screen and (min-width: 1400px) {
	.tourDetailTxt {
		font-size: 1.5em;
	}
	#booklet {
		position: relative;
		height: 340px;
		margin-bottom: -330px;
		top: -48px;
		left: 62%;
	}
    .info-box img {
        width: 420px;
        height: 270px;
    }
    .info-box h1 {
        margin-left: 35px;
        margin-right: 35px;
    }
	#butterfly {
		display: block;
		width: 350px;
		position: absolute;
		left: -23%;
	}
	#leaf {
		display: inline;
		width: 340px;
		position: absolute;
		right: -40%;
	}
	.emblem{
		width: 310px;
	}
    .emblemText{
		width: 580px;
        margin-top: 25px;
	}
	#landingTxt{
		grid-column: col-start 5/span 6;
		text-align: center;
		margin-bottom: 60px;
	}
	#landingTxt2{
		grid-column: col-start 4/span 8;
		text-align: center;
		margin-bottom: 60px;
	}
	#acorn{
		left: -92%;
		height: 405px;
		top: -80px;
	}
	#bird {
		top: -498px;
		left: 93%;
	}
	#bothParks {
		left: -34%;
	}
	#pencil {
		left: -94%;
	}
	#ant {
		left: 58%;
	}
}

@media screen and (min-width: 1450px) {
	#ladybug {
	width: 270px;
	}
}

@media screen and (min-width: 1600px) {
	#bothParks {
		left: -32%;
	}
	#acorn{
		height: 430px;
	}
	#pencil {
		left: -94%;
		height: 400px;
		top: -330px;
	}
	#ladybug {
	width: 330px;
	}
}

@media screen and (min-width: 1692px) {
	#bird {
		top: -465px;
		left: 95%;
	}
}

@media screen and (min-width: 1700px) {
	#booklet {
		position: relative;
		height: 355px;
		margin-bottom: -345px;
		top: -48px;
		left: 62%;
	}
	#butterfly {
		display: block;
		width: 350px;
		position: absolute;
		left: -22%;
	}
	#leaf {
		display: inline;
		width: 340px;
		position: absolute;
		right: -33%;
	}
	#bothParks {
		left: -29%;
	}
	#ant {
		left: 55%;
	}
	#ladybug {
	width: 390px;
	}
}

@media screen and (min-width: 1900px) {
	#bothParks {
		left: -26%;
	}
	#ant {
		left: 51%;
	}
	#ladybug {
	width: 470px;
	}
}
@media screen and (min-width: 2027px) {
	.landingTxt{
		margin-top: 30px;
	}
	#pencil {
		left: -100%;
	}
}

@media screen and (min-width: 2100px) {
	#bothParks {
		left: -23%;
	}
}

@media screen and (min-width: 2400px) {
	#bothParks {
		left: -20%;
	}
	#ant {
		left: 49%;
	}
}

@media screen and (min-width: 2590px) {
	#acorn{
		top: -125px;
	}
	#pencil {
		left: -103%;
	}
}

@media screen and (min-width: 2559px) {
	#bird {
		top: -430px;
	}
}

@media screen and (min-width: 2609px) {
	#bird {
		top: -386px;
	}
}

@media screen and (min-width: 2700px){
	#bothParks {
		left: -17%;
	}
	#booklet {
		position: relative;
		left: 65%;
	}
	#butterfly {
		display: block;
		width: 350px;
		position: absolute;
		left: -13%;
	}
	#leaf {
		display: inline;
		width: 340px;
		position: absolute;
		right: -33%;
	}
}

@media screen and (min-width: 3195px) {
	#ant {
		left: 47%;
	}
}