/***** Header *****/

#header { padding-top: 55px; }
#header .wrapper { background: url('../img/bg-header.png') no-repeat 50% 100%; background-size: contain; }
#header .logo { margin: 0 auto; display: block; height: 340px; max-height: 50vw; max-width: 852px; background: url('../img/logo.png') no-repeat 50% 50%; background-size: cover; }
#header .logo span { opacity: 0; }
#header .baseline { margin: 0 auto; text-align: center; padding: 15px 0 60px; }

/***** Sections *****/

.section.intro { text-align: center; }
.section.intro .wrapper { background: #fff; }
.section.intro .base { padding: 47px 0;  }
.section.intro .base .title { /*font-family: 'Lobster', cursive;*/ display: flex;flex-wrap: wrap; justify-content: center; }
.section.intro .base .text { max-width: 900px; margin: 0 auto; font-size: 3.4rem; line-height: 1.25; padding-top: 30px; }

.section.intro .testimonials { color: #12a19a; }
.section.intro .testimonials:before { content:' '; display: block; margin: 0 auto; width: 400px; background: currentColor; height: 1px; }
.section.intro .testimonials .title { text-align: center; padding-top: 26px; font-size: 3.55rem; }
.section.intro .testimonials .items { margin: 0 -20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-bottom: 54px;  }
.section.intro .testimonials .items li { width:168px; height: 168px; margin: 30px 20px 0; border-radius: 999px; background: #12a19a; color:#fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; font-size: 3rem; line-height: 1.2; }

.section.panels .wrapper { padding: 0; }
.section.panels .tiles { display: flex; flex-wrap: wrap; }
.section.panels .tiles .tile { max-width: 640px; width: 100%; position: relative; padding-top: 100%; display: block; text-decoration: none; }
@media screen and (min-width:640px) { .section.panels .tiles .tile { width: 50%; padding-top: 50%; } }
.section.panels .tiles .tile-inner { position: absolute; top: 0;left: 0;bottom: 0;right: 0; }
.section.panels .tiles .tile img { object-fit: cover; }
.section.panels .tiles .tile .hover { pointer-events: none; position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; transition: all 350ms ease-out; }
.section.panels .tiles .tile:hover,
.section.panels .tiles .tile:focus { z-index: 2; }
.section.panels .tiles .tile:hover .hover,
.section.panels .tiles .tile:focus .hover { opacity: 1; transform: rotate(360deg); }

.section.contact .wrapper { background: #007f7a; display: flex; padding: 60px 3rem 120px; }
.section.contact .details { display: flex; position: relative; margin: 0 auto; }
.section.contact .details .link { position: absolute; left:0; width: 100%; padding-top: 10%; opacity: 0; }
.section.contact .details .link.email { top: 55%; }
.section.contact .details .link.phone { top: 66%; }
.section.contact .details .link a { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: block;  }
.section.contact .details .link a span { position: absolute; left: 0; top: 0;  }
.section.contact img { margin: auto; }



/***** Footer *****/

#footer {  }