@charset "UTF-8";
/* CSS Document */

	body{overflow-x: hidden;}
	body,td,th,p,ul,ol,li{font-family: 'Lato', sans-serif; line-height: 1.7em; font-size: 18px;}
	a {color:#c1d62e;}
	a:hover {color:#b0c51e; text-decoration: none;}
	a:focus, a:active {color:#b0c51e; text-decoration: none;}
	
	.navbar-nav li {padding-right: 25px;}
	.navbar-nav .nav-link {text-transform: uppercase; letter-spacing: 0.15em; font-size: 16px;}

	.header {background-color: #f2cec6; background-image: url("../imgs/MeetHank&EmmaFaye-header-back2.jpg"); background-repeat: repeat-x; padding-top: 20px;}
	.header-hank {background-color: #e5f1f1; background-image: url("../imgs/MeetHank&EmmaFaye-header-backblue.jpg"); background-repeat: repeat-x; padding-top: 20px;}
	.header-press {background-color: #cebb6f; background-image: url("../imgs/MeetHank&EmmaFaye-header-backblue.jpg"); background-repeat: repeat-x; padding-top: 20px;}
	.img-pad {margin-top: 10px; margin-bottom: 20px;}
	
	.meet {background-color: #f2cec6; background-image: url("../imgs/MeetHank&EmmaFaye-back.jpg"); background-repeat: no-repeat; background-position: bottom right; min-height: 515px;}
	.hank {background-color: #e5f1f1; background-image: url("../imgs/MeetHank&EmmaFaye-backHank.jpg"); background-repeat: no-repeat; background-position: bottom right; min-height: 515px;}
    .press {background-color: #cebb6f; background-image: url("../imgs/MeetHank&EmmaFaye-backpress.jpg"); background-repeat: no-repeat; background-position: bottom right; min-height: 515px;}
	.copy {padding-left: 25px;}

	.pink-back {background-image: url('../imgs/MeetHank&EmmaFaye-header-back2.jpg');}
	.blue-back {background-color: #002a54;}
	
	.btn-green {color: #000; background-color: #c1d62e; border: none;}
	.btn-green:hover {color: #fff; background-color: #d5f300; box-shadow: none;}
	.btn-green:focus {color: #000; background-color: #d5f300; box-shadow: none;}
	.btn-green:active {color: #000; background-color: #d5f300; box-shadow: none;}
	.btn-green:disabled {color: #000; background-color: #d5f300; box-shadow: none;}
	
	.social-icons p {color: #000; font-size: 15px; line-height: 1.3em;}
	.social-icons a {color: #000;}
	.social-icons a:hover {color: #ed1c91; text-decoration: none;}
	.btn-social {background-color: #000; color: #fff; border-radius: 50%;}
	.btn-social:hover {color: #fff;}
	
	.foot {margin-top: 25px; margin-bottom: 25px; font-size: 15px;}

	.script {font-family: 'Allura', cursive; color: #fff; font-size: 52px; margin: 0; padding: 0; line-height: 1em; padding-top: 10px;}
	.title {font-family: 'Chelsea Market', cursive; color: #c1d62e; padding-left: 20px; line-height: 1em;}
	.question {font-family: 'Chelsea Market', cursive;}
.white {color: #fff;}
	
	@media only screen and (max-width: 775px) {
		.meet-copy {min-height: 1150px; padding-top: 25px;}
		.press-copy {min-height: 650px; padding-top: 25px;}
		.press {padding-bottom: 200px;}
		.hank {background-color: #e5f1f1; background-image: url("../imgs/MeetHank&EmmaFaye-backHank2.jpg"); background-repeat: no-repeat; background-position: bottom right; min-height: 515px;}
	}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #c1d62e; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px 15px; /* Some padding */
  border-radius: 0px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #b0c51e; /* Add a dark-grey background on hover */
}