* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Open Sans'; outline: none; }

*:focus { outline: none; box-shadow: none; }

.align-center { text-align: center; }

a { text-decoration: none; color: #B97D9B; text-decoration: none; }

a:hover { text-decoration: underline; }

.full-width { width: 100%; display: block; }

.btn { background: white; text-transform: uppercase; border: 2px solid #B97D9B; cursor: pointer; margin: 25px 0; font-size: 16pt; height: 50px !important; display: inline-block; line-height: 50px; padding: 0 15px; color: #B97D9B; transition: color .5s, background .5s; appearance: none; }

.btn:hover { background: #B97D9B; color: white; text-decoration: none; }

main { width: 100%; padding-top: 120px; }

.container { padding: 20px; }

#hero { width: 100%; overflow-x: hidden; display: block; position: relative; padding: 0; left: 0; min-height: 200px; }

#hero #slides { width: 100%; display: block; }

#hero #slides ul { list-style-type: none; position: relative; flex-wrap: nowrap; display: flex; width: 200%; }

#hero #slides ul li { width: 50%; display: inline-block; padding: 0; margin: 0; }

#hero #slides ul li:before, #hero #slides ul li:after { display: none; }

#hero #slides ul li img { display: inline-block; width: 100%; }

#hero #hero-overlay { position: absolute; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, white 100%); height: 100%; width: 100%; z-index: 1; top: 0; left: 0; }

#hero-overlay-text { position: relative; top: -150px; height: 150px; padding-bottom: 150px; z-index: 5; text-align: center; margin-bottom: -150px; }

@media (max-width: 1000px) { #hero-overlay-text { margin-bottom: 0; }
  #hero-overlay-text h2 { display: none; } }

@media (max-width: 1024px) { #hero-overlay-text { top: 20px; padding-bottom: 0; }
  #hero-overlay-text h2 { font-size: 12pt; display: block; } }

section { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 30px 0; }

section > img, section div { flex-grow: 1; padding: 20px; }

section > img, section aside { flex-basis: 40%; border-radius: 100%; max-width: calc(40vw - 40px); height: auto; }

@media (max-width: 1024px) { section > img, section aside { max-width: 100vw; } }

@media (max-width: 1024px) { section aside { min-width: 100%; } }

section.center div, section.center p, section.center h2 { text-align: center; }

section div { flex-basis: 60%; }

section div h1 { text-transform: uppercase; font-size: 2.5em; line-height: 1.5em; }

section div h2 { text-transform: uppercase; font-size: 2em; line-height: 1em; }

section div p, section div ul { font-size: 1.3em; margin: 20px 0; }

@media (max-width: 1024px) { section div p, section div ul { font-size: 1em; } }

section div ul { padding-left: 20px; }

.products { list-style-type: none; display: flex; flex-wrap: wrap; margin: 50px 0; justify-content: center; }

.products li { flex-basis: 25%; flex-grow: 1; padding: 20px; min-width: 200px; text-align: center; max-width: 500px; }

.products li img { border-radius: 50%; width: 100%; }

.teddy-bear-pic { width: 50% !important; display: inline-block; border-radius: 50% !important; text-align: center; vertical-align: baseline; }

@media (max-width: 1024px) { .teddy-bear-pic { width: 100% !important; } }

.no-border-radius { border-radius: 0; }

form { padding: 15px; min-height: 80vh; }

form > h2 { margin: 50px 0; }

form .field { display: flex; flex-wrap: wrap; margin: 30px 0; }

form .field label { flex-grow: 1; flex-basis: 20%; padding: 15px; color: #B97D9B; font-weight: bold; border-bottom: 3px solid #B97D9B; }

form .field input, form .field textarea { flex-grow: 1; flex-basis: 80%; padding: 15px; border-radius: none !important; border: none; border-bottom: 3px solid #B97D9B; }

form .recaptcha-field { text-align: center; }

form .recaptcha-field .g-recaptcha { display: inline-block; }

form .submit-field { text-align: center; }

form .thanks { text-align: center; padding-top: 10vh; }

form .thanks h2 { font-size: 2em; }

form .thanks p { font-size: 1.5em; }

.aside-layout { display: flex; flex-wrap: wrap; }

.aside-layout > div { flex-basis: 70%; flex-grow: 1; }

.aside-layout aside { flex-basis: 20%; flex-grow: 1; }

.shadow-box { position: relative; width: 100%; padding: 0; overflow: hidden; }

.shadow-box > img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; min-height: 100%; }

.shadow-box > div { position: relative; z-index: 2; width: 100%; background: rgba(255, 255, 255, 0.8); color: black; min-height: 100%; }

.no-margin-top { margin-top: 0; }

aside { text-align: center; }

aside h3 { text-transform: uppercase; color: #B97D9B; font-size: 1.6em; }

.aside-section img { width: 50%; margin-top: -20px; }

.aside-section img { border-radius: 100%; }

.aside-section strong { width: 100%; text-transform: uppercase; color: #B97D9B; font-size: 1.5em; text-align: center; display: block; }

.align-top { align-self: baseline; }

.decrease-margins { margin: -100px 0; }

.no-margins { margin: 0; }

.field-collection { display: flex; flex-wrap: wrap; }

.field-collection .field { flex-grow: 1; flex-basis: calc(50% - 60px); }

@media (max-width: 1024px) { .field-collection .field { flex-basis: 100%; } }

.flex-row { display: flex; flex-wrap: wrap; }

.flex-row div, .flex-row img { flex-basis: 50%; flex-grow: 1; width: 50%; }

@media (max-width: 1024px) { .flex-row div, .flex-row img { width: 100%; flex-basis: 1; } }

.increase-margins { margin-top: 50px; margin-bottom: 50px; }

.mini-bouquets ul { margin-top: -20px; margin-bottom: -20px; }

@media (max-width: 1024px) { .mobile-hide { display: none; } }

header { background: #B97D9B; width: 100%; height: 120px; flex: 1; display: flex; color: white; position: fixed; z-index: 999; }

header h1 { flex-basis: calc(20% - 20px); display: flex; margin: 10px; text-align: center; flex-grow: 1; justify-content: center; width: calc(100% - 20px); }

header h1 img { height: 100%; }

header nav { flex-basis: 80%; display: flex; }

header nav ul { list-style-type: none; display: flex; flex-basis: 1; flex-grow: 1; }

header nav ul li { display: flex; flex-grow: 1; justify-content: center; align-items: center; }

header nav ul li a { color: white; text-transform: uppercase; display: flex; flex-grow: 1; justify-content: center; align-items: center; height: 100%; width: 100%; }

header nav ul li a:hover { background: white; color: #B97D9B; text-decoration: none; }

@media (max-width: 1024px) { header nav { display: none; } }

footer { background: #B97D9B; color: white; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }

footer a { color: white; }

footer .copyright { flex-basis: 100%; margin: 20px; width: 100%; text-align: center; margin-bottom: 10px; }

footer nav { flex-basis: 100%; flex-grow: 1; width: 100%; margin: 20px; margin-top: 0; }

footer nav ul { display: flex; list-style-type: none; align-items: center; justify-content: center; flex-wrap: wrap; }

footer nav ul li { margin: 10px; }

footer nav ul li:not(:last-child):after { content: "|"; display: inline-block; margin-left: 20px; }

@media (max-width: 1024px) { footer nav ul li:not(:last-child):after { display: none; } }

footer nav ul li a { color: white; }