body {background:url("background.png") top center no-repeat; background-size:cover; margin:0;}
div.wrapper {font-family: "Palatino", sans-serif;}
div.wrapper {width:1140px; margin:0 auto;}


/**header**/
div.header {background:url("Hand-drawn-pattern.png") bottom center no-repeat, url("Paper-texture-for-banner.png") top center no-repeat; background-size:345px auto, 100% 100%; background-position: center 75%, top center ; height:211px;}

div.header ul {display:flex; justify-content: space-between; list-style: none; margin: 0;padding:45px 40px 0; font-size:25px} 
div.header li a {background:url("Button-Icon.png") top left no-repeat; text-decoration: none; display:block; width:255px; text-align: center;}
div.header li a:hover {color:#648231;}


/**Home Section**/
div.home div.wrapper {text-align:center; padding:260px 0 40px; background:url("Yoga-Person.png") top center no-repeat;}

div.home h2 {margin: 0; font-size: 72px; font-weight: 400; color: #f7f6ea; text-shadow: 0 1px 8px rgba(0,0,0,0.25);}

div.home a.logo {display:block; width:150px; margin:140px auto 20px;}

div.home a.logo img {width: 100%; display: block;}

/* Learn More Button */

div.home a.btn {display:inline-block; padding: 10px 50px; background: #f6f4ef; border: 4px solid #cdd09a; border-radius: 6px; font-family: "Helvetica", sans-serif; font-weight:300; font-size: 22px; letter-spacing: 8px; text-transfrom: uppercase; color: #333; text-decoration: none;}

div.home a.btn:hover {background:#fff;}

/**FOOTER (location + about)**/
.footer div.wrapper {display:flex; gap:40px}
.footer {display:flex; background:url("ep_naturalwhite.webp");padding:40px 0;}
.footerLeft {width:360px; padding-right:40px; border-right:1px solid #cdd09a;}
.footerRight {flex:1;} 

.footerLeft iframe {display:block; margin:0 0 20px 0;}

.footerRight img {float:left;width:220px; margin:0 25px 15px 0; border:3px solid #cdd09a;}

.footer h3 {margin-top:0; front-size:32px; font-weight:400;}
.footer h4 {margin:20px 0 5px;}
.footer p {margin:0 0 15px; line-height:1.5;}

/**Schedule table**/
.service {background:#f6f4ef; padding:40px 0;}
.service table {width:100%; border-collapse:collapse; text-align:center;}
.service caption {font-size:32px; margin-bottom:15px;}
.service th,.service td {border:1px solid #cdd09a; padding:10px;}
.service th {background:#cdd09a; color:#0d0d09;}
.service tr + tr th {background:#e9ebcf; text-align:left; padding-left:15px; width:150px;}
.services td.closed {background:#e6e4dc; color:#777;}

/**Contact section**/
.contact {background:#e9ebcf; padding:50px 0 20px;}
.contact div.wrapper {display:flex; gap:60px;}
.contactInfo {width:360px;}
.contactForm {flex:1;}
 
.contact h2 {margin:0 0 20px; font-size:32px; font-weight:400;}
.contact h4 {margin:20px 0 5px;}
.contact p {margin:0 0 15px; line-height:1.5;}
 
.contact label {display:block; margin:0 0 5px;}
.contact input, .contact select, .contact textarea {width:100%; box-sizing:border-box; padding:10px; margin-bottom:15px; border:2px solid #cdd09a; border-radius:6px; background:#fff; font-family:inherit; font-size:16px;}
.contact textarea {height:130px; resize:vertical;}
 
.contact button {padding:10px 50px; background:#f6f4ef; border:4px solid #cdd09a; border-radius:6px; font-family:"Helvetica", sans-serif; font-weight:300; font-size:20px; letter-spacing:6px; text-transform:uppercase; color:#333; cursor:pointer;}
.contact button:hover {background:#fff;}
 
.contact .copyright {margin:40px 0 0; text-align:center; font-size:14px; color:#777;}