.footer {
	font-family: Georgia, Tahoma, Arial;
	font-size: 12px;
	text-align: left;
	color: #585858;
}

.container-home {
  position: relative;
  width: 100%;
  max-width: 779px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  }
 
.container-page {
  position: relative;
  width: 100%;
  max-width: 590px;
  margin: 0 auto;
  padding: 25px 0 0 0;
  box-sizing: border-box;
}

.humanpage_old {
  background-image: url('https://www.meghancaughey.com/images08/backgroundHB.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  min-height: 450px;
  margin-top: 50px;
}

.humanpage {
  margin-top: 50px;
}

.humanpage  p {
	font-family: Georgia, Tahoma, Arial;
	font-size: 14px;
	text-align: left;
	color: #ffffff;
}

.paintingspage {
  margin-top: 30px;
}

.drawingspage {
  margin-top: 40px;
}

.otherpage {
  margin-top: 30px;
}

.contactpage {
  background-image: url('https://www.meghancaughey.com/images08/contactbg.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  min-height: 460px;
  margin-top: 50px;
}

.contactpage  p {
	font-family: Georgia, Tahoma, Arial;
	font-size: 14px;
	color: #C8C8C8;
}

.contactpage-mb  p {
	font-family: Georgia, Tahoma, Arial;
	font-size: 14px;
	color: #C8C8C8;
	width: 96%;
}

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #333333;
  color: white;
}
  
#img1 {display:block;}
#img2 {display:none}

@media all and (max-width: 499px) {
    #img1 {display: none;}
    #img2 {display: block;}
}

@media all and (min-width: 500px) {
.photos {
  margin-left: -70px;
  }
}

/* Styling the Popup Window */
.popup-trigger { display: block; margin: 0 auto; padding: 20px; max-width: 260px; background: #4EBD79; color: #fff; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 24px; cursor: pointer; }
.popup {display: none; position: absolute; top: 100px; left: 50%; width: 700px; margin-left: -350px; padding: 50px 30px; background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 10px solid #150E2D; z-index: 9999;}
.popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}		
.popup-btn-close {position: absolute; top: 8px; right: 14px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer;}