html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

@font-face {
    font-family: 'mb';
    src: url('../fonts/mbg-medium.woff2') format('woff2'),
        url('../fonts/mbg-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'cs';
    src: url('../fonts/cs.woff2') format('woff2'),
        url('../fonts/cs.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'lp';
    src: url('../fonts/lp.woff2') format('woff2'),
        url('../fonts/lp.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'tb';
    src: url('../fonts/tb.woff2') format('woff2'),
        url('../fonts/tb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {box-sizing: border-box;}



html {width: 100%; height: 100%; padding: 0; margin: 0; scroll-behavior: smooth;}
body {width: 100%; height: 100%; padding: 0px; margin: 0; background: #feefe1; font-family: "mb", serif; color: #513b21;}

h2 {font-family: lp; font-size: 100px;}
h3 {font-family: cs; font-size: 200px; line-height: 80px;}

p,a,li {font-size: 32px;}

a {text-decoration: none;}

.button-purple {font-family: tb; text-decoration: none; color: #feefe1; background: #a490c4; padding: 10px; display: inline-block;}

.logo {width:100%; text-align: center; padding-top: 35px;}
.tagline {width:100%; text-align: center; padding-top: 0px;}
.tagline p {font-family: cs; font-size: 85px; color: #a490c4;}

.home-hero-image {width: 100%; text-align: center; margin: 0 auto;} 
.home-hero-image img {width: 100%; max-width: 895px;}

.paper-rip {width: 100%;}
.paper-rip img {display: block; height: 190px; width: 100%; object-fit: cover;} 

.bg-paper-rip-purple {background: url(../images/paper-rip-purple.png) no-repeat top center; background-size: cover;}
.padding {padding-top: 300px;}


.bg-paper-rip-peach {background: url(../images/paper-rip-peach.png) no-repeat top center; background-size: cover;}
.bg-paper-rip-peach h2 {color: #fef3e9;}


.bg-solid-peach {background: #fda478;}
.bg-solid-purple {background: #a490c4;}
.bg-solid-beach {background: #feefe1; position: relative; z-index: 2;}
.bg-solid-pink {background: #ffe3e2;}

.bg-solid-purple p,
.bg-solid-purple h2,
.bg-solid-peach h2 {color: #feefe1;}

.bg-solid-beach h2 {color: #a490c4;}

.row-4-bowls img {width: 100%;}
.row-view-menu-button {width: 100%; text-align: center;}
.row-sanddunes {background: #fda478; width: 100%;}
.row-sanddunes img {width: 100%; max-width: 1949px;}

.row-1978 {width: 100%; margin: 75px 0px;}
.row-1978 img {width: 100%; max-width: 941px;}

.row-about-us {width: 100%;}
.box-about-us {display: flex; align-items: center; width: 100%; max-width: 1550px; margin: 0px auto; padding: 0px 0px 0px 75px; flex-wrap: wrap;}
.box-about-us .col-a {width: 58%; text-align: left;}
.box-about-us .col-b {width: 38%;}
.row-about-us h3 {color: #ff8b61;}
.row-about-us p {color: #ff8b61; font-size: 38px;}

.mom-img img {border-radius: 100px;}

.box-locations {display: flex; align-items: center; width: 100%; max-width: 1550px; margin: 0px auto; padding: 0px; flex-wrap: wrap;}
.box-locations .col-a {width: 50%}
.box-locations .col-b {width: 50%;}

.row-locations {margin: 100px 0px;}



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

.txt-purple a, 
.txt-purple p, 
.txt-purple h3 {color: #a490c4;}

.txt-purple {color: #a490c4;}
.txt-peach {color: #fda478;}

.mr {margin-right: 2%;}

@media screen and (max-width: 480px) {

h2 {font-size: 48px;}
h3 {font-size: 75px; line-height: 35px;}

p {font-size: 17px;}

.mom-img img {border-radius: 15px;}

.box-about-us {padding: 0 0px 0 35px;}
/*
.box-about-us .col-a {width: 90%; text-align: left;}
.box-about-us .col-b {width: 90%;}
*/

.row-about-us p {font-size: 17px;}

.row-1978 {margin: 35px 0px;}

.row-locations {margin: 50px 0px;}
/*
.box-locations .col-a {width: 100%; margin-top: 25px;}
.box-locations .col-b {width: 100%; margin-top: 50px;}
*/

.footer-logo img {width: 120px;}


}