@import url('https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&display=swap')
//@import url('https://fonts.googleapis.com/css2?family=Hubballi&display=swap');
@font-face {
font-family: 'carolina_mountains_personalRg';
src: url('carolina_mountains_personal_use-webfont.woff2') format('woff2'),
	 url('carolina_mountains_personal_use-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

.body {font-family: 'Elsie', cursive;padding:0px;max-width:100%;margin:0 0 0 0;color:black;height:100vh;}

.h2Serif {font-weight:300;font-size:3.5em;font-family: 'carolina_mountains_personalRg', cursive;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:rgb(76, 14, 67);}
.h2SerifMid {font-weight:600;font-size:3em;font-family: 'Great Vibes', cursive;text-align: center;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:black;}
.h2SerifRight {font-weight:600;font-size:3em;font-family: 'Great Vibes', cursive;text-align: right;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:black;}
.h3Serif {font-family: 'Great Vibes', cursive;font-size: 4em;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:black;line-height: .152em;}
.h4Serif {font-family: 'Great Vibes', cursive;font-size: 1.5em;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:black;}

.h2Sans {font-weight:600;font-family: 'Elsie', cursive;font-size:3.5em;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:black;}
.h3sans {font-family: 'Elsie', cursive;font-size: 2.5em;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:black;line-height: .152em;}
.h4Sans {font-family: 'Elsie', cursive;font-size: 2em;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:black;}

h1 {font-family: 'carolina_mountains_personalRg', cursive;font-size: 2.5em;letter-spacing: -1;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);color:#4c0e43;}

body span {font-size:1.4em;line-height: 1.2em;}
body p {font-size:1.4em;line-height: 1.2em;}

input {padding:8px 10px 8px 10px; margin:8px 0px 8px 0px;min-width:300px;border-radius: 8px;border:1px solid #acacac;font-size:16px;}
textarea {padding:12px 10px 12px 10px; margin:8px 0px 8px 0px;min-width:450px;max-width:600px;height:150px;border-radius: 8px;border:1px solid #acacac;font-size:16px;}
select {padding:12px 10px 12px 10px; margin:8px 0px 8px 0px;min-width:300px;border-radius: 8px;border:1px solid #acacac;font-size:16px;height:30px;}
button {padding:12px 10px 12px 10px; margin:8px 0px 8px 0px;border-radius: 8px;border:1px solid #000000;font-size:14px;background:#4c0e43;;color: white;}
button:hover {background:#33072d; }


.leftPhoto {
	-webkit-flex: 1; /* Safari */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	max-width:50%
}

.rightPhoto {
	-webkit-flex: 1; /* Safari */
	-ms-flex: 1; /* IE 10 */
	flex: 1;
	width:50%
}

/* Style the navigation menu */
  .mainNav {
	overflow: hidden;
	position: relative;
	border-radius: 0px 0px 10px 10px;
  }
  
  /* Hide the links inside the navigation menu (except for logo/home) */
  .mainNav #myLinks {
	display: block;
  }
  
.biggerCheck {
	display: block;
	height:40px;
	width:40px;
	border-radius: 8px;
	padding:20px;
	margin:20px auto 20px auto;
	min-width: 25px !important;
	text-align: center;
}

.contactWell {
	width:90%;background: #dcdcdc;border-radius: 8px;padding:25px;margin:auto;display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 35px;font-size: .9em;
}

.submitButton {width:auto;border-radius: 8px;margin:25px auto 0px auto;background: #4c0e43;color:white;}

.rsvpText {padding:8px 10px 8px 10px; margin:8px 0px 8px 0px;width:100%;border-radius: 8px;border:1px solid #acacac;font-size:16px;}
.rsvpText2 {padding:8px 10px 8px 10px; margin:8px 0px 8px 0px;width:100%;border-radius: 8px;border:1px solid #acacac;font-size:16px;display: none;}

.contactWellColumn {font-size: .9em;text-align: center;padding:15px;}

.columnText {width:100px !important;max-width:100px;min-width: 25px;}

.checkContainer {width:45%;display: inline-block;font-size: 1.25em;padding: auto;text-align:center; vertical-align:middle;}
    
  .mainNav a {display:inline-block;width:auto;margin:20px 15px 5px 15px; text-decoration: none;font-weight:600;font-size:1.25em;padding: 8px 12px 8px 12px;color:white;text-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);
  border:2px solid #4c0e43;}
	  
  .mainNav a:hover {border:2px solid #ac861c;border-radius: 8px;color:#ac861c;}
  
  /* Style the active link (or home/logo) */
  .active {
	background-color: #04AA6D;
	color: white;
  }
  
  .mobileNavButton {display: none;}
  .icon {color:white;}
  
#thankyouBox {
	display: none;width:84vw;top:125px;left:4vw;right:4vw;height:250px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);
	padding:15px;
	text-align: center;
	background: rgb(190, 190, 190);
	position: absolute;
}

#thankyouError {
	display: none;width:84vw;top:125px;left:4vw;right:4vw;height:250px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);
	padding:15px;
	text-align: center;
	background: rgb(190, 190, 190);
	position: absolute;
}

.container {width:100vw;margin:auto;min-height: 600px; display: -webkit-flex;display: flex;}
.leftText {background:white;text-align: left;padding:50px;height: auto;overflow: hidden;width:auto;float:left;clear:both;color:black;-webkit-flex: 1; /* Safari */
	-ms-flex: 1; /* IE 10 */
	flex: 1;}
.rightText {background:white;text-align: left;padding:50px;height: auto;overflow: hidden;width:max-content;float:left;clear:right;-webkit-flex: 1; /* Safari */
	-ms-flex: 1; /* IE 10 */
	flex: 1;}

.footer {width:100vw;max-width:100vw;height:50px;background:#ac861c;color:white;text-align:right;padding:3px 0px 3px 0px;margin:0 0 0 0;clear:left;display:block;clear:left;bottom:0;left:0;right:0;}
.footer .leftFooterText {font-size:.9em;margin-left:50px;font-family: 'Elsie', cursive;font-size:1.1em;;text-align: left;float: left;padding-top:13px;}
.footer .rightFooterText {font-size:.9em;margin-right:50px;font-family: 'Elsie', cursive;font-size:1.1em;;text-align: right;padding-top:13px;float:right;}

.logo {max-width: 85px;}
.mainHeader {text-align: center;font-size:1.1em;color:black;font-family: 'Elsie', cursive;width:100vw;height:80px;background: #4c0e43;margin: 0px;padding-top:5px;}

.adminHeader {text-align: center;font-size:1.5em;color:white;font-family: 'Great Vibes', cursive;width:100vw;height:90px;background:darkgray;margin: 0px;padding-top:5px;}

.hotelDiv {display: block;clear:right;width:100%;
	height:auto;background: rgb(241, 241, 241);border:2px solid # rgb(234, 234, 234);border-radius: 7px;padding:15px;margin-top:25px;margin-bottom:25px;
}

.hotelPhotoBox{width:100%;height:75px;overflow: hidden;object-position: 0% -50%;}
.hotelPhoto {width:100%;max-width:800px;}

.hotelDiv h2 {font-size: 2em;line-height:1.25em;margin:-20px 0px 5px 0px;display:block;}

.actionButton {width:auto;padding:8px 12px 8px 12px;color:white;background: #ac861c;border-radius: 8px;display: inline-block;margin:15px 8px 0px 0px;text-decoration: none;font-size:1.2em;}
.reserveButton {width:auto;padding:8px 12px 8px 12px;color:white;background: #4c0e43;border-radius: 8px;display: inline-block;margin:15px 8px 0px 0px;text-decoration: none;font-size:1.2em;}
.actionButton:hover {background:#775b0c;}
.reserveButton:hover {background:#8a317e;}

.gridButton {
	width:30px;
	display: inline-block;
	  margin-top:25px;
	  position: absolute;
	  top:7px;
	  right:165px;
	  border:0px;
}

.marketingContainer {
	display: grid;
	  grid-template-columns: 3fr 1fr;
	  grid-gap: 25px;
}

.pageMainBody {
padding:25px;
}

.pageSideBar {
	border-radius:5px;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);
}

.headerButton {
	width:auto;
	height:15px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);
	  color:black;
	  font-weight:500;
	  background-color:white;
	  font-size:.8em;
	  text-align: center;
	  text-decoration: none;
	  border-radius:30px;
	  padding:12px 30px 14px 30px;
	  display: inline-block;
	  margin-top:25px;
	  position: absolute;
	  top:5px;
	  right:45px;
  }
	  
.headerButton:hover {
	background:#e6e6e6;
	}

.standardButton {
	width:auto;
	height:10px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);
	  color:black;
	  font-weight:300;
	  background-color:white;
	  font-size:.9em;
	  text-align: center;
	  text-decoration: none;
	  border-radius:3px;
	  padding:8px 15px 14px 15px;
	  display: inline-block;
	  margin: auto;
	  margin-top:25px;
  }
	  
.standardButton:hover {background:#e6e6e6;}
.contentBody {height:auto;display:block;}

.closeButton {float:right;margin-right:0px;margin-top:0px !important;font-weight: 600;font-size:1em;color: #454545;padding:2px 5px 2px 5px;border:1px solid #454545; border-radius: 3px;text-decoration: none;position: relative;}
.closeButton:hover {background:#454545;color:white;}

.row {display:block;margin-bottom:25px;clear:right;position:relative;}
.loginHero {max-width:100%;margin:auto;border-radius:5px;background: #131313;background-image:url('/assets/images/loginHero.jpg');background-size: cover;background-position: center;height:auto;display: block;margin-bottom:25px;color:white;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
0 2px 2px rgba(0,0,0,0.11), 
0 4px 4px rgba(0,0,0,0.11), 
0 6px 8px rgba(0,0,0,0.11),
0 8px 16px rgba(0,0,0,0.11);}
.mainHero {max-width:100%;margin:auto;border-radius:5px;background: #1391b9;background-image:url('/assets/images/caffiend.jpg');background-size: cover;background-position: center;height:325px;display: block;margin-bottom:25px;color:white;padding:25px;padding-top:75px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
.secondHero {max-width:46%;width:45%;margin:auto;border-radius:5px;background:#e28c2b;background-image:url('/assets/images/numbernow.jpg');background-size: cover;background-position: right;height:250px;display: inline-block;margin-bottom:25px;padding:2%;color:white;float:left;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
.thirdHero {max-width:46%;width:45%;margin:auto;border-radius:5px;background:#e54242;background-image:url('/assets/images/redescape.jpg');background-size: cover;background-position: right;height:250px;display: inline-block;margin-bottom:25px;color:white;padding:2%;float:right;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
.bottomHero {clear:left;max-width:100%;margin:auto;border-radius:5px;background: #89c174;height:200px;display: block;margin-bottom:25px;color:white;margin-top:25px;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);}
	
	.topHero {clear:left;max-width:100%;margin:auto;border-radius:5px;background: #50bbee;height:55px;display: block;margin-bottom:25px;color:white;margin-top:25px;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
		0 2px 2px rgba(0,0,0,0.11), 
		0 4px 4px rgba(0,0,0,0.11), 
		0 6px 8px rgba(0,0,0,0.11),
		0 8px 16px rgba(0,0,0,0.11);}

.loginModal {width:40vw;color:white;height:250px;display: none;border:1px solid #1f1f1f; border-radius: 5px;background: #151515;position: absolute;top:50px;padding:25px;left:28vw;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);
  }

.loginButtonSmall {
	width:100px;
	height:35px;
		  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
			0 2px 2px rgba(0,0,0,0.11), 
			0 4px 4px rgba(0,0,0,0.11), 
			0 6px 8px rgba(0,0,0,0.11),
			0 8px 16px rgba(0,0,0,0.11);
			border:0px;
			color:#ccc;
			font-weight:300;
			background-color:#353535;
			font-size:.9em;
			text-align: center;
			text-decoration: none;
			border-radius:3px;
			padding:8px 15px 14px 15px;
			display: inline-block;
			position: absolute;
			bottom:25px;
			right:25px;
		}

.loginButtonSmall:hover {background: #7e7e7e;}
.loginModal a {color:#4b4b4b;font-size: .9em;display:block;margin-top:25px;}
.loginInput {width:100%;padding:10px;font-size:.9em;border-radius: 3px;border:0px;margin-top:5px;background: #464646;}

.mainHeroHead {font-size: 2em;font-weight: 600;}
.mainHeroSubhead {line-height:1.25em;font-size: 1.25em;}

.searchResult {clear:left;max-width:100%;margin:auto;min-height:80px;display: block;margin-bottom:10px;color:white;margin-top:10px;padding:15px;}
	
.searchResult:hover {background: #efefef;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	0 2px 2px rgba(0,0,0,0.11), 
	0 4px 4px rgba(0,0,0,0.11), 
	0 6px 8px rgba(0,0,0,0.11),
	0 8px 16px rgba(0,0,0,0.11);border-radius:5px;}

.searchResultTitle {color:#89c174;text-decoration: underline;font-size: 1.25em;}
.searchResultDesc {color: #454545;line-height: 2.25em;
}
.searchResultData {
	color:#ccc;text-decoration: underline;
}

.searchBar {display:block;position: absolute;top:30px;left:45px;}
.searchField {padding:8px 10px 8px 10px;font-size:.6em;height:30px;border: 0px;border-radius: 3px;width:150px;}
.searchButton {
	width:50px;
	height:30px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	  0 2px 2px rgba(0,0,0,0.11), 
	  0 4px 4px rgba(0,0,0,0.11), 
	  0 6px 8px rgba(0,0,0,0.11),
	  0 8px 16px rgba(0,0,0,0.11);
	  color:black;
	  font-weight:300;
	  background-color:white;
	  font-size:.6em;
	  text-align: center;
	  text-decoration: none;
	  border-radius:3px;
	  padding:7px 10px 15px 10px;
	  display: inline-block;
	  margin-left:10px;
	  border:0px;
  }
	  
.searchButton:hover {
	background:#e6e6e6;
	}

.registryDiv {
	width: 95%;margin:auto;display: inline-block;
	padding:25px;
	text-align: left;
}	
	
.registryName {
	font-size:1.75em;
	font-weight: 600;
	text-align: center;
}

.registryLogo {
	max-width: 300px;
	max-height:80px;
	text-align: center;
	margin-bottom: 20px;
}
/* APP PAGE */

.appPageIcon {border-radius: 5px;max-width:75px;margin-top:25px;margin-left:25px;}
.appPageTitle {font-size:1.75em;margin-top:-55px;margin-left:20px;font-weight: 600;display:inline-block;position: relative;vertical-align: middle;}
.appPageSubhead {font-style: italic;font-size:1.25em;}	

.screensViewer {height:125px;background:gray;border-radius: 5px;padding:15px;margin-bottom:25px;
	display: grid;
	width:96%;
	grid-gap: 16px;
	grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
	grid-auto-flow: row;
	grid-auto-columns: minmax(200px,1fr);
	overflow-x: scroll;
	overflow-y:hidden;
	margin-right:0px;
	overflow-wrap: break-word;
}
.screenShotSmall {width:200px !important;height:auto;margin-right:15px;display:grid;border-radius: 5px;}

.callToAction {background:black;color:white;width:auto;height:125px;display: block;border-radius: 5px;margin-top:25px;margin-bottom:25px;padding:20px;}

@media only screen and (max-width: 991px) {
	 .leftPhoto {
		 -webkit-flex: 1; /* Safari */
		 -ms-flex: 1; /* IE 10 */
		 flex: 1;
		 max-width:50%;
		 display: none;
	 }
	 
	 .rightPhoto {
		 -webkit-flex: 1; /* Safari */
		 -ms-flex: 1; /* IE 10 */
		 flex: 1;
		 width:50%;
		 display:none;
	 }
	 
	 .registryDiv {
		 text-align: center;
	 }
	 
	 .mainHeader {background:#4c0e43; }
	 .rightText {padding:25px;}
	 .leftText {padding:25px;}
	 .hotelDiv {width:unset;}
	 .hotelDiv h2 {line-height: 1.1em;margin-bottom:25px;}
	 .footer {width:100vw;max-width:100vw;height:auto;background:#ac861c;color:white;text-align:center;padding:3px 0px 25px 0px;margin:0 0 0 0;display:block;clear:left;bottom:0;left:0;right:0;}
	 .footer .leftFooterText {margin-left:0px;text-align: center;float: unset;display: block;clear:right;}
	 .footer .rightFooterText {margin-right:0px;width:100%;text-align: center;float: unset;display: block;clear:right;}
	 
	 input {padding:8px 10px 8px 10px; margin:8px 0px 8px 0px;min-width:unset;border-radius: 8px;border:1px solid #acacac;font-size:16px;width:100%;}
	 textarea {padding:12px 10px 12px 10px; margin:8px 0px 8px 0px;min-width:unset;max-width:unset;height:150px;border-radius: 8px;border:1px solid #acacac;font-size:16px;width:100%;}
	 select {padding:12px 10px 12px 10px; margin:8px 0px 8px 0px;min-width:unset;border-radius: 8px;border:1px solid #acacac;font-size:16px;height:30px;width:100%;}
	 button {padding:12px 10px 12px 10px; margin:8px auto 8px auto;border-radius: 8px;border:1px solid #000000;font-size:14px;background:#4c0e43;;color: white;width:100%;}
	 button:hover {background:#33072d; }
	 
	 .biggerCheck {
		 display: block;
		 height:40px;
		 width:40px;
		 border-radius: 8px;
		 padding:20px;
		 margin:20px auto 20px auto;
		 min-width: 25px !important;
		 text-align: center;
	 }
	 
	 .contactWell {
		 width:85%;background: #dcdcdc;border-radius: 8px;padding:25px;margin:auto;display: grid;grid-template-columns: 1fr;grid-gap: 35px;font-size: .9em;
	 }
	 
	 .submitButton {width:100%;border-radius: 8px;margin:25px auto 0px auto;background: #4c0e43;color:white;}
	 
	 .rsvpText {padding:8px 10px 8px 10px; margin:8px 0px 8px 0px;width:100%;border-radius: 8px;border:1px solid #acacac;font-size:16px;}
	 
	 .contactWellColumn {font-size: .9em;text-align: center;padding:15px;}
	 
	 .columnText {width:100px !important;max-width:100px;min-width: 25px;}
	 
	 .checkContainer {width:47%;display: inline-block;font-size: 1.25em;padding: auto;text-align:center; vertical-align:middle;}
	 
	 .mobileNavButton {display: block;margin:20px 0px 0px 5px;height:30px;}
	   .icon {color:white;}
	 /* Style the navigation menu */
	   .mainNav {
		 overflow: hidden;
		 position: relative;
		 background: #4c0e43;
		 border-radius: 0px 0px 8px 8px;
		 padding-bottom:15px;
	   }
	   
	   /* Hide the links inside the navigation menu (except for logo/home) */
	   .mainNav #myLinks {
		 display: none;
	   }
	   
	   /* Style navigation menu links */
	   .mainNav a {
		 color: white;
		 padding: 12px 14px;
		 text-decoration: none;
		 text-align: center;
		 font-size: 22px;
		 display: block;
		 margin:10px;
	   }
	   
	   /* Add a grey background color on mouse-over */
	   .mainNav a:hover {
		 background-color: #ddd;
		 color: black;
	   }
	   
	   /* Style the active link (or home/logo) */
	   .active {
		 //background-color: #04AA6D;
		 color: white;
	   }
	 
	}

@media only screen and (max-width: 600px) {
	
	.standardButton {
		width:90%;
	  }
	  
	  .loginButton {
		  width:80px;
		  height:10px;
			top:5px;
			right:25px;
		}
	
	h2 {font-size:1.5em;}
	h3 {font-size:2.25em;line-height: 1.25em;}
	h4 {font-size:1.75em;}
	
	.loginModal {width:78vw;color:white;height:250px;display: none;border:1px solid #1f1f1f; border-radius: 5px;background: #151515;position: absolute;top:70px;padding:25px;left:5vw;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
		  0 2px 2px rgba(0,0,0,0.11), 
		  0 4px 4px rgba(0,0,0,0.11), 
		  0 6px 8px rgba(0,0,0,0.11),
		  0 8px 16px rgba(0,0,0,0.11);
	  }
	
	.gridButton {position: absolute;left:30px;top:10px;}
	.searchBar {display:none;position: absolute;top:30px;left:45px;}
	
	 .mainHero {max-width:95%;margin:auto;border-radius:5px;background: #1391b9;background-image:url('/assets/images/caffiend.jpg');background-size: cover;background-position: center;height:auto;display: block;margin-bottom:25px;color:white;padding:25px;padding-top:45px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	 0 2px 2px rgba(0,0,0,0.11), 
	 0 4px 4px rgba(0,0,0,0.11), 
	 0 6px 8px rgba(0,0,0,0.11),
	 0 8px 16px rgba(0,0,0,0.11);}
 .secondHero {max-width:95%;width:95%;margin:auto;border-radius:5px;background:#e28c2b;background-image:url('/assets/images/numbernow.jpg');background-size: cover;background-position: right;height:auto;display:block;margin-bottom:25px;padding:25px;color:white;float:none;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	 0 2px 2px rgba(0,0,0,0.11), 
	 0 4px 4px rgba(0,0,0,0.11), 
	 0 6px 8px rgba(0,0,0,0.11),
	 0 8px 16px rgba(0,0,0,0.11);}
 .thirdHero {max-width:95%;width:95%;margin:auto;border-radius:5px;background:#e54242;background-image:url('/assets/images/redescape.jpg');background-size: cover;background-position: right;height:auto;display: block;margin-bottom:25px;color:white;padding:25px;float:none;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	 0 2px 2px rgba(0,0,0,0.11), 
	 0 4px 4px rgba(0,0,0,0.11), 
	 0 6px 8px rgba(0,0,0,0.11),
	 0 8px 16px rgba(0,0,0,0.11);}
 .bottomHero {max-width:95%;margin:auto;border-radius:5px;background: #89c174;height:auto;display: block;margin-bottom:25px;color:white;margin-top:25px;padding:25px;box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
	 0 2px 2px rgba(0,0,0,0.11), 
	 0 4px 4px rgba(0,0,0,0.11), 
	 0 6px 8px rgba(0,0,0,0.11),
	 0 8px 16px rgba(0,0,0,0.11);}
	 
	.row {display:block;margin-bottom:25px;clear:none;position: inherit;width:90%;}
	}