html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
footer,
header,
nav,
section {
display: block; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
figcaption,
figure,
main {
display: block; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
pre {
font-family: monospace,monospace;
font-size: 1em; }
a {
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:active,
a:hover {
outline-width: 0; }
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted; }
b,
strong {
font-weight: inherit; }
b,
strong {
font-weight: bolder; }
code,
kbd,
samp {
font-family: monospace,monospace;
font-size: 1em; }
dfn {
font-style: italic; }
mark {
background-color: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
audio,
video {
display: inline-block; }
audio:not([controls]) {
display: none;
height: 0; }
img {
border-style: none; }
svg:not(:root) {
overflow: hidden; }
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0; }
button,
input {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; }
progress {
display: inline-block;
vertical-align: baseline; }
textarea {
overflow: auto; }
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
details,
menu {
display: block; }
summary {
display: list-item; }
canvas {
display: inline-block; }
template {
display: none; }
[hidden] {
display: none; }      * {
box-sizing: border-box;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
position: relative; }
*:focus {
outline: none; }
::selection {
background: #a19080; }
::-moz-selection {
background: #a19080; }
.table {
display: table; }
.tableCell {
display: table-cell;
vertical-align: middle;
width: 100%; }
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
::-webkit-scrollbar {
width: 0.5em;
height: 0.5em; }
::-webkit-scrollbar-thumb {
background: #a19080; }
::-webkit-scrollbar-track {
background: #ede4d3; }
body {
scrollbar-face-color: #a19080;
scrollbar-track-color: #ede4d3; }
.centered {
text-align: center; }
.cf {
zoom: 1; }
.cf:before, .cf:after {
content: "";
display: table; }
.cf:after {
clear: both; } .swipe-up-hold {
opacity: 0;
-moz-transform: translateY(1rem);
-o-transform: translateY(1rem);
-ms-transform: translateY(1rem);
-webkit-transform: translateY(1rem);
transform: translateY(1rem);
-webkit-transition: transform 1s, opacity 1s;
-moz-transition: transform 1s, opacity 1s;
-ms-transition: transform 1s, opacity 1s;
-o-transition: transform 1s, opacity 1s;
transition: transform 1s, opacity 1s; }
.swipe-up.swipe-up {
opacity: 1;
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: transform 1s, opacity 1s;
-moz-transition: transform 1s, opacity 1s;
-ms-transition: transform 1s, opacity 1s;
-o-transition: transform 1s, opacity 1s;
transition: transform 1s, opacity 1s; } body {
background: #ede4d3;
color: #6a5e53;
font-family: "freight-sans-pro",sans-serif;
text-rendering: optimizeLegibility;
font-size: 16px;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden; }
body.fixed {
overflow: hidden;
position: fixed;
width: 100%; } .heading, .faqs__list label, .menus__list label {
font-family: 'freight-big-pro', serif;
font-weight: normal;
margin: 0;
line-height: 1;
margin-bottom: 1em; }
.h1 {
color: #752e34;
font-size: 6.250em; }
@media (max-width: 768px) {
.h1 {
font-size: 5rem; } }
.h2 {
font-size: 4.375em; }
@media (max-width: 768px) {
.h2 {
font-size: 2rem; } }
.h3 {
font-size: 3.000em; }
@media (max-width: 768px) {
.h3 {
font-size: 2rem; } }
.h4, .faqs__list label, .menus__list label {
color: #752e34;
font-size: 2.063em; }
@media (max-width: 768px) {
.h4, .faqs__list label, .menus__list label {
font-size: 1.5rem; } }
p {
margin: 0;
line-height: 1.2;
margin-bottom: 2rem;
font-weight: 500;
letter-spacing: 0.04em; }
p.large {
font-size: 1.375em; }
p:last-of-type {
margin-bottom: 0; } a {
color: #6a5e53;
text-decoration: none;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
-ms-transition: color 0.4s;
-o-transition: color 0.4s;
transition: color 0.4s; }
a:hover {
color: #ede4d3; }
a.cta {
font-family: "freight-display-pro", serif;
font-weight: 600;
font-size: 1.1em;
letter-spacing: 0.14em;
margin-top: 1.5em;
display: inline-block;
color: #ffffff;
border: 1px solid #ffffff;
line-height: 1;
padding: 0.5em 2em;
text-transform: uppercase;
text-align: center;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
a.cta:hover {
color: #ffffff;
background: #ffffff; }
a.cta.dark {
color: #752e34;
border: 1px solid #c9c1b2; }
a.cta.dark:hover {
background: #c9c1b2;
color: #ffffff; }
a.cta.fullwidth {
display: block; } #preloader {
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100vh;
z-index: 999;
background-color: #ffffff; }
#preloader .logo {
position: fixed;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100vh;
z-index: 999;
background-size: 146px;
background-image: url(//rootsyork.com/wp-content/themes/rootsyork/assets/images/logo.png);
background-repeat: no-repeat;
background-position: center; } header {
padding: 3rem 0; }
header ul {
margin: 0 auto;
list-style: none;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
justify-content: space-around;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
header ul li {
display: inline-block; }
header ul li a {
text-transform: uppercase;
color: #6a5e53;
font-size: 0.8em;
position: relative;
letter-spacing: 0.2rem;
padding-bottom: 0.5em; }
header ul li a:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0;
background: #ae9b8a;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
-ms-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s; }
header ul li a:hover {
color: #6a5e53; }
header ul li a:hover:after {
width: 24px; }
header ul li.current a:after {
width: 24px; }
header ul li.logo a:after {
display: none; }
header ul li.logo a img {
width: 146px;
height: auto; }
@media (max-width: 900px) {
header ul li.logo a img {
width: 90px; } }
@media (max-width: 768px) {
header ul li.logo {
display: none; } }
@media (max-width: 768px) {
header .wrap {
display: table;
position: fixed;
left: 100%;
top: 0;
background: #ede4d3;
-webkit-transition: left 0.4s ease-in-out;
-moz-transition: left 0.4s ease-in-out;
-ms-transition: left 0.4s ease-in-out;
-o-transition: left 0.4s ease-in-out;
transition: left 0.4s ease-in-out;
z-index: 2;
width: 100%;
height: 100vh; }
header .wrap ul {
display: table-cell;
vertical-align: middle; }
header .wrap ul li {
display: block;
text-align: center;
margin-bottom: 2em; } }
@media (max-width: 768px) and (max-width: 768px) {
header .wrap ul li.logo {
display: none; } }
@media (max-width: 768px) {
header .wrap ul li a:hover:after {
display: none; }
header .wrap ul li.current a:after {
left: 50%;
margin-left: -12px; }
header .wrap ul li.current a:hover:after {
display: block; }
header .wrap.active {
left: 0; } }
header .mob-logo {
display: none;
width: 90px; }
header .mob-logo img {
width: 100%; }
@media (max-width: 768px) {
header .mob-logo {
display: block; } }
header #nav-icon1 {
display: none;
z-index: 5;
width: 30px;
height: 25px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer; }
@media (max-width: 768px) {
header #nav-icon1 {
display: block; } }
header #nav-icon1 span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #6a5e53;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out; }
header #nav-icon1 span:nth-child(1) {
top: 0px; }
header #nav-icon1 span:nth-child(2) {
top: 8px; }
header #nav-icon1 span:nth-child(3) {
top: 16px; }
header #nav-icon1.open span:nth-child(1) {
top: 8px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
header #nav-icon1.open span:nth-child(2) {
opacity: 0;
left: 60px; }
header #nav-icon1.open span:nth-child(3) {
top: 8px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg); }
@media (max-width: 768px) {
header {
padding: 1rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; } }
.header_block {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
text-align: center; }
.header_block .h1 {
margin: 0 auto;
padding: 2em 0;
color: #ffffff; } .wrap {
margin: 0 auto;
width: 90%;
max-width: 1400px; }
@media (max-width: 900px) {
.wrap {
width: calc(100% - 4em); } }
.wrap--small {
max-width: 900px; }
.panel {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: rgba(0, 0, 0, 0.5); }
.panel__inner {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #ede4d3;
padding: 4rem;
text-align: center;
width: 90%;
max-width: 1200px;
max-height: 90%;
overflow: auto; }
@media (max-width: 900px) {
.panel__inner {
padding: 2.813rem 2rem; } }
.panel__inner .h3 {
color: #752e34; }
.panel__inner .cta {
margin-bottom: 1em; }
.panel__inner a:hover {
color: #a19080; }
.panel__inner ul {
margin: 2rem auto; }
@media (max-width: 900px) {
.panel__inner ul {
padding-left: 1rem; } }
.panel__inner ul li {
margin-bottom: 1em;
line-height: 1.875;
text-align: left; }
.panel__inner .interstitial__inner__cancel {
font-size: 0.9em;
opacity: 0.5;
font-style: italic;
cursor: pointer;
display: block; }
.panel.mailchimp {
display: block; }
.panel.mailchimp .panel__inner {
max-width: 800px; }
.panel.mailchimp .panel__inner .close {
position: absolute;
top: 1em;
right: 1em;
z-index: 1;
width: 30px;
height: 30px;
cursor: pointer; }
.panel.mailchimp .panel__inner .close span {
background: #6a5e53;
display: block;
position: absolute;
height: 1px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px; }
.panel.mailchimp .panel__inner .close span:first-of-type {
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.panel.mailchimp .panel__inner .close span:last-of-type {
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.panel.mailchimp .panel__inner .h2 {
margin-bottom: 2em; }
.panel.mailchimp .panel__inner form {
margin-top: 2.813rem; }
@media (max-width: 900px) {
.panel.mailchimp .panel__inner form {
margin-top: 2rem; } }
@media (max-width: 900px) {
.panel.mailchimp .panel__inner form div {
margin-bottom: 2rem; } }
.large_image_block {
padding: 5.625rem 0;
overflow: hidden;
background-color: #ede4d3;
height: 600px; }
@media (max-width: 900px) {
.large_image_block {
height: 300px; } }
.large_image_block.doubleheight {
padding: 11.25rem 0; }
@media (max-width: 900px) {
.large_image_block.doubleheight {
padding: 0; } }
.large_image_block .rellax {
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
width: 100%;
position: absolute;
top: -50%;
left: 0;
z-index: 0;
bottom: 0;
right: 0;
min-height: 100vh;
overflow: hidden; }
@media (max-width: 900px) {
.large_image_block .rellax {
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
min-height: auto;
-moz-transform: none !important;
-o-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important; } }
.large_image_block .rellax img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; }
.large_image_block .image {
width: 100%;
position: absolute;
top: -50%;
left: 0;
z-index: 0;
bottom: 0;
right: 0;
min-height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
@media (max-width: 900px) {
.large_image_block {
padding: 0; } } form {
max-width: 500px;
margin: 0 auto; }
form div > div {
margin-bottom: 2.813rem;
position: relative; }
form div > div label {
width: 100%;
display: block;
text-align: left;
font-style: italic;
color: #6a5e53;
line-height: 1;
margin-bottom: 0.25em; }
form div > div input, form div > div textarea, form div > div select {
font-family: "Libre Baskerville",serif;
font-size: 0.9em;
-webkit-appearance: none;
border-radius: 0;
width: 100%;
padding: 0.5rem 0;
line-height: 1;
background: #ffffff;
border: 0;
border-bottom: #f2f2f2 solid 1px;
color: #6a5e53;
-webkit-transition: border-bottom 0.3s;
-moz-transition: border-bottom 0.3s;
-ms-transition: border-bottom 0.3s;
-o-transition: border-bottom 0.3s;
transition: border-bottom 0.3s; }
@media (max-width: 900px) {
form div > div input, form div > div textarea, form div > div select {
font-size: 1em; } }
form div > div input.placeholder, form div > div textarea.placeholder, form div > div select.placeholder {
font-family: "Libre Baskerville",serif;
color: #6a5e53;
font-style: italic;
font-size: 0.9em;
line-height: 1.5; }
form div > div input:-moz-placeholder, form div > div textarea:-moz-placeholder, form div > div select:-moz-placeholder {
font-family: "Libre Baskerville",serif;
color: #6a5e53;
font-style: italic;
font-size: 0.9em;
line-height: 1.5; }
form div > div input::-moz-placeholder, form div > div textarea::-moz-placeholder, form div > div select::-moz-placeholder {
font-family: "Libre Baskerville",serif;
color: #6a5e53;
font-style: italic;
font-size: 0.9em;
line-height: 1.5; }
form div > div input:-ms-input-placeholder, form div > div textarea:-ms-input-placeholder, form div > div select:-ms-input-placeholder {
font-family: "Libre Baskerville",serif;
color: #6a5e53;
font-style: italic;
font-size: 0.9em;
line-height: 1.5; }
form div > div input::-webkit-input-placeholder, form div > div textarea::-webkit-input-placeholder, form div > div select::-webkit-input-placeholder {
font-family: "Libre Baskerville",serif;
color: #6a5e53;
font-style: italic;
font-size: 0.9em;
line-height: 1.5; }
form div > div input:focus, form div > div input.filled, form div > div textarea:focus, form div > div textarea.filled, form div > div select:focus, form div > div select.filled {
border-bottom: #c3c3c3 solid 1px; }
form .wpcf7-submit, form input[type="submit"] {
-webkit-appearance: none;
background: none;
border: 1px solid #c6beb0;
width: auto;
padding: 0 1em;
text-transform: uppercase;
font-family: "freight-display-pro", serif;
font-weight: 600;
font-size: 0.9rem;
line-height: 2;
letter-spacing: 0.14em;
color: #6a5e53;
margin-top: 1rem;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
form .wpcf7-submit:hover, form input[type="submit"]:hover {
background: #c6beb0;
color: #ede4d3; }
form span.wpcf7-not-valid-tip {
color: #f00;
font-size: 0.8em;
font-weight: normal;
display: block;
line-height: 2;
font-style: italic;
text-align: right; }
form div.wpcf7-response-output {
border: 0 !important;
padding: 0 !important; }
#ui-datepicker-div {
background: #ffffff;
padding: 1em;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
margin-top: 0.5em;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none; }
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {
display: inline-block;
width: 49%; }
#ui-datepicker-div .ui-datepicker-next {
text-align: right; }
#ui-datepicker-div .ui-datepicker-title {
margin: 0.5em auto;
text-align: center; }
#ui-datepicker-div .ui-datepicker-calendar {
font-size: 0.9em; }
#ui-datepicker-div .ui-datepicker-calendar td {
padding: 0.5em; }
#ui-datepicker-div a {
color: #6a5e53; }
#ui-datepicker-div .ui-state-active {
color: #090909;
font-weight: bold; }  .home .intro {
height: 70vh;
min-height: 500px;
position: relative;
margin-bottom: 4rem; }
@media (max-width: 1200px) {
.home .intro {
height: 60vh;
min-height: 500px; } }
@media (max-width: 768px) {
.home .intro {
height: auto;
min-height: auto;
margin-bottom: 18vh; } }
.home .intro .image {
position: absolute;
top: 0;
left: 0;
width: 63%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
@media (max-width: 1200px) {
.home .intro .image {
width: 55%; } }
@media (max-width: 768px) {
.home .intro .image {
width: 100%;
position: relative;
left: auto;
top: auto;
height: auto;
padding-top: 40%; } }
.home .intro .wrap {
text-align: right; }
.home .intro .wrap:after {
content: "";
display: table;
clear: both; }
.home .intro .content {
display: inline-block;
text-align: left;
float: right;
margin-top: 8rem; }
.home .intro .content .h1 {
margin-right: 5.625rem;
margin-bottom: 2rem; }
@media (max-width: 1200px) {
.home .intro .content .h1 {
margin-right: 4rem; } }
@media (max-width: 900px) {
.home .intro .content .h1 {
margin-right: 0; } }
@media (max-width: 768px) {
.home .intro .content .h1 {
margin-bottom: 1rem; } }
.home .intro .content p {
margin-left: 5.625rem; }
@media (max-width: 1200px) {
.home .intro .content p {
margin-right: 4rem; } }
@media (max-width: 900px) {
.home .intro .content p {
margin-right: 0; } }
@media (max-width: 768px) {
.home .intro .content p {
margin-left: 0; } }
@media (max-width: 768px) {
.home .intro .content {
display: block;
margin-top: 1rem;
float: left; } }
.home section.carousel {
background: #435362;
padding: 4rem 0; }
.home section.carousel .cf:after {
content: "";
display: table;
clear: both; }
.home section.carousel aside {
width: 80%;
max-width: 630px;
float: right;
margin-top: -18%;
background: #ffffff;
padding: 2rem; }
.home section.carousel aside .text {
column-count: 2;
column-gap: 2rem; }
.home section.carousel aside .text .cta:hover {
color: #ffffff; }
@media (max-width: 768px) {
.home section.carousel aside {
width: 100%;
margin-top: -20vh; }
.home section.carousel aside .text {
column-count: 1; } }
.home section.carousel .owl-carousel {
margin-top: 2.813rem;
height: 70vh;
min-height: 600px;
position: relative;
color: #ede4d3; }
@media (max-width: 768px) {
.home section.carousel .owl-carousel {
height: auto;
min-height: auto; } }
.home section.carousel .owl-carousel .item {
height: 70vh;
min-height: 600px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (max-width: 768px) {
.home section.carousel .owl-carousel .item {
height: auto;
min-height: auto; } }
.home section.carousel .owl-carousel .image {
position: absolute;
top: 0;
right: 0;
width: 53%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
@media (max-width: 768px) {
.home section.carousel .owl-carousel .image {
width: 780%;
position: relative;
left: auto;
top: auto;
height: auto;
padding-top: 80%;
margin: 0 auto; } }
.home section.carousel .owl-carousel .wrap {
text-align: left; }
.home section.carousel .owl-carousel .wrap:after {
content: "";
display: table;
clear: both; }
.home section.carousel .owl-carousel .content {
width: 40%;
text-align: left;
float: left;
padding-top: 8rem;
padding-right: 4rem;
height: 100%;
position: relative; }
.home section.carousel .owl-carousel .content .heading, .home section.carousel .owl-carousel .content .faqs__list label, .faqs__list .home section.carousel .owl-carousel .content label, .home section.carousel .owl-carousel .content .menus__list label, .menus__list .home section.carousel .owl-carousel .content label {
margin-bottom: 1rem; }
.home section.carousel .owl-carousel .content .cta {
display: inline-block;
color: #ede4d3; }
.home section.carousel .owl-carousel .content .cta:hover {
background: #ede4d3;
color: #435362; }
.home section.carousel .owl-carousel .content .customNextBtn {
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s; }
.home section.carousel .owl-carousel .content .customNextBtn:hover {
-moz-transform: translateX(0.25em);
-o-transform: translateX(0.25em);
-ms-transform: translateX(0.25em);
-webkit-transform: translateX(0.25em);
transform: translateX(0.25em); }
.home section.carousel .owl-carousel .content .customNextBtn svg {
height: auto;
width: 50px; }
@media (max-width: 768px) {
.home section.carousel .owl-carousel .content .customNextBtn svg {
height: auto;
width: 25px; } }
@media (max-width: 768px) {
.home section.carousel .owl-carousel .content {
width: 100%;
padding: 1em 0 0 0; } }
section.cookbook {
padding: 5.625rem 0; }
section.cookbook .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-direction: reverse;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row-reverse;
-moz-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
section.cookbook .cookbook__left {
width: 47%; }
section.cookbook .cookbook__left img {
width: 100%; }
@media (max-width: 768px) {
section.cookbook .cookbook__left {
width: 100%; } }
section.cookbook .cookbook__right {
width: calc(53% + 1rem);
margin-left: -1rem;
padding-top: 4rem;
padding-right: 5rem; }
section.cookbook .cookbook__right .text {
padding-left: 11.25rem; }
@media (max-width: 1400px) {
section.cookbook .cookbook__right .text {
padding-left: 5.625rem; } }
@media (max-width: 1200px) {
section.cookbook .cookbook__right .text {
padding-left: 4rem; } }
section.cookbook .cookbook__right .heading, section.cookbook .cookbook__right .faqs__list label, .faqs__list section.cookbook .cookbook__right label, section.cookbook .cookbook__right .menus__list label, .menus__list section.cookbook .cookbook__right label {
color: #752e34; }
section.cookbook .cookbook__right p:last-of-type {
margin-bottom: 2rem; }
@media (max-width: 1200px) {
section.cookbook .cookbook__right {
padding-right: 2.813rem; }
section.cookbook .cookbook__right .h2 {
font-size: 3rem;
margin-bottom: 2rem; } }
@media (max-width: 900px) {
section.cookbook .cookbook__right {
padding-right: 0; } }
@media (max-width: 768px) {
section.cookbook .cookbook__right {
width: 100%;
margin-left: 0;
padding-right: 0;
padding-top: 2rem; }
section.cookbook .cookbook__right .text {
padding-left: 0; } }
section.cookbook .cookbook__right .cta {
color: #752e34;
border-color: #a19080; }
section.cookbook .cookbook__right .cta:hover {
color: #a19080; }
section.giftvoucher {
padding: 5.625rem 0; }
section.giftvoucher .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
section.giftvoucher .giftvoucher__left {
width: 47%; }
section.giftvoucher .giftvoucher__left img {
width: 100%; }
@media (max-width: 768px) {
section.giftvoucher .giftvoucher__left {
width: 100%; } }
section.giftvoucher .giftvoucher__right {
width: calc(53% + 1rem);
margin-left: -1rem;
padding-top: 4rem;
padding-right: 5rem; }
section.giftvoucher .giftvoucher__right .text {
padding-left: 11.25rem; }
@media (max-width: 1400px) {
section.giftvoucher .giftvoucher__right .text {
padding-left: 5.625rem; } }
@media (max-width: 1200px) {
section.giftvoucher .giftvoucher__right .text {
padding-left: 4rem; } }
section.giftvoucher .giftvoucher__right .heading, section.giftvoucher .giftvoucher__right .faqs__list label, .faqs__list section.giftvoucher .giftvoucher__right label, section.giftvoucher .giftvoucher__right .menus__list label, .menus__list section.giftvoucher .giftvoucher__right label {
color: #752e34; }
section.giftvoucher .giftvoucher__right p:last-of-type {
margin-bottom: 2rem; }
@media (max-width: 1200px) {
section.giftvoucher .giftvoucher__right {
padding-right: 2.813rem; }
section.giftvoucher .giftvoucher__right .h2 {
font-size: 3rem;
margin-bottom: 2rem; } }
@media (max-width: 900px) {
section.giftvoucher .giftvoucher__right {
padding-right: 0; } }
@media (max-width: 768px) {
section.giftvoucher .giftvoucher__right {
width: 100%;
margin-left: 0;
padding-right: 0;
padding-top: 2rem; }
section.giftvoucher .giftvoucher__right .text {
padding-left: 0; } }
section.giftvoucher .giftvoucher__right .cta {
color: #752e34;
border-color: #a19080; }
section.giftvoucher .giftvoucher__right .cta:hover {
color: #a19080; }
.home section.cookbook {
padding: 4rem 0;
color: #ffffff;
background: #a19080; }
.home section.cookbook .cookbook__right .heading, .home section.cookbook .cookbook__right .faqs__list label, .faqs__list .home section.cookbook .cookbook__right label, .home section.cookbook .cookbook__right .menus__list label, .menus__list .home section.cookbook .cookbook__right label {
color: #ffffff; }
.home section.cookbook .cookbook__right .cta {
color: #ffffff;
border-color: #ffffff; }
.home section.cookbook .cookbook__right .cta:hover {
color: #a19080; }
.home section.cookbook .cookbook__right p:last-of-type {
margin-bottom: 2rem; }
.home section.cookbook .cookbook__right p:first-of-type {
font-size: 1.25em; }
.booking {
background: #752e34;
padding: 2rem 0; }
.booking .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center; }
.booking .wrap p {
font-size: 1.250em;
color: #ede4d3;
margin: 0.5em 0; }
.booking .wrap a {
display: inline-block;
color: #ffffff;
font-family: 'freight-display-pro', serif;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.14em; }
.booking .wrap a svg {
color: #6a5e53;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-ms-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s; }
.booking .wrap a:hover svg {
-moz-transform: translateX(0.25em);
-o-transform: translateX(0.25em);
-ms-transform: translateX(0.25em);
-webkit-transform: translateX(0.25em);
transform: translateX(0.25em); }
@media (max-width: 768px) {
.booking .wrap {
display: block;
text-align: center; }
.booking .wrap p {
margin-bottom: 1em; } } .faqs__block {
text-align: center; }
.faqs__list {
margin: 4rem auto;
text-align: left;   }
.faqs__list__item {
text-align: left;
position: relative;
margin-bottom: 0.5rem;
width: 100%;
color: #6a5e53;
overflow: hidden; }
.faqs__list__item__content {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s; }
.faqs__list__item__content p {
margin: 1em auto; }
.faqs__list input {
position: absolute;
opacity: 0;
z-index: -1; }
.faqs__list label {
position: relative;
display: block;
padding: 0;
color: #752e34;
cursor: pointer;
line-height: 1.5;
margin-bottom: 0.25em; }
.faqs__list input:checked ~ .faqs__list__item__content {
max-height: 40em; }
.faqs__list label::after {
font-style: normal;
position: absolute;
right: 0;
top: 50%;
content: '';
margin-top: -13.5px;
display: block;
line-height: 2;
text-align: center;
color: #ae9b8a;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
font-family: 'FontAwesome';
width: 27px;
height: 27px;
background-size: 27px; }
.faqs__list input[type=checkbox] + label::after {
background-image: url(//rootsyork.com/wp-content/themes/rootsyork/assets/images/arrow-long-right.svg); }
.faqs__list input[type=checkbox]:checked + label::after {
background-image: url(//rootsyork.com/wp-content/themes/rootsyork/assets/images/arrow-long-up.svg); }
.menus .intro {
max-width: 800px;
text-align: center;
margin: 5.625rem auto 0;
font-size: 1.375em; }
.menus .intro .cta {
font-size: 1rem;
margin-top: 2.813rem; }
.menus__block {
text-align: center; }
.menus__list {
margin: 4rem auto;
text-align: left;   }
.menus__list__item {
text-align: left;
position: relative;
margin-bottom: 0.5rem;
width: 100%;
color: #6a5e53;
overflow: hidden; }
.menus__list__item__content {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .35s;
-o-transition: max-height .35s;
transition: max-height .35s; }
.menus__list__item__content p {
margin: 1em auto; }
.menus__list__item__content__inner {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
margin-bottom: 2rem; }
@media (max-width: 768px) {
.menus__list__item__content__inner {
display: block; } }
.menus__list__item__content__inner__left {
width: 55%; }
.menus__list__item__content__inner__left ul {
list-style: none;
padding: 0;
margin: 2rem 0; }
.menus__list__item__content__inner__left ul li {
line-height: 1;
margin-bottom: 0.25rem; }
.menus__list__item__content__inner__left ul li > span {
float: right; }
.menus__list__item__content__inner__left ul li > span span {
min-width: 44px;
display: inline-block;
text-align: center; }
.menus__list__item__content__inner__left ul li.type-spacer {
height: 1em; }
@media (max-width: 768px) {
.menus__list__item__content__inner__left {
width: 100%; } }
.menus__list__item__content__inner__right {
width: 40%; }
.menus__list__item__content__inner__right img {
width: 100%; }
@media (max-width: 768px) {
.menus__list__item__content__inner__right {
width: 100%; } }
.menus__list input {
position: absolute;
opacity: 0;
z-index: -1; }
.menus__list label {
font-size: 3.000rem;
position: relative;
display: block;
padding: 0;
color: #752e34;
cursor: pointer;
line-height: 1.5;
border-bottom: #ae9b8a 1px solid;
padding-bottom: 0.5em;
margin-bottom: 1em; }
.menus__list input:checked ~ .menus__list__item__content {
max-height: 100vh;
border-bottom: #ae9b8a 1px solid; }
.menus__list label::after {
font-style: normal;
position: absolute;
right: 0;
top: 50%;
content: '';
margin-top: -13.5px;
display: block;
line-height: 2;
text-align: center;
color: #ae9b8a;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
font-family: 'FontAwesome';
width: 27px;
height: 27px;
background-size: 27px; }
.menus__list input[type=radio] + label::after {
background-image: url(//rootsyork.com/wp-content/themes/rootsyork/assets/images/arrow-long-right.svg); }
.menus__list input[type=radio]:checked + label::after {
background-image: url(//rootsyork.com/wp-content/themes/rootsyork/assets/images/arrow-long-up.svg); }
.location_content {
padding: 5.625rem 0 11.25rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media (max-width: 768px) {
.location_content {
padding: 4rem 0; } }
.location_content .location_content__left {
width: 60%; }
@media (max-width: 768px) {
.location_content .location_content__left {
width: 100%;
padding-top: 75%; } }
.location_content .location_content__right {
width: calc(40% - 1rem);
padding-top: 4rem;
padding-right: 5.625rem; }
.location_content .location_content__right svg {
display: block;
width: 18px;
margin: 0 auto 4rem 5.625rem; }
@media (max-width: 768px) {
.location_content .location_content__right svg {
display: none; } }
.location_content .location_content__right__panel {
background: #ffffff;
margin-left: -20%;
padding: 2rem;
max-width: 630px;
margin-bottom: -5.625rem; }
.location_content .location_content__right__panel p:last-of-type {
margin-bottom: 2rem; }
.location_content .location_content__right__panel p:first-of-type {
font-size: 1.25em; }
@media (max-width: 768px) {
.location_content .location_content__right__panel {
widtH: 100%;
margin: 0 auto; } }
.location_content .location_content__right .heading, .location_content .location_content__right .faqs__list label, .faqs__list .location_content .location_content__right label, .location_content .location_content__right .menus__list label, .menus__list .location_content .location_content__right label {
color: #752e34; }
.location_content .location_content__right .heading.h1, .location_content .location_content__right .faqs__list label.h1, .faqs__list .location_content .location_content__right label.h1, .location_content .location_content__right .menus__list label.h1, .menus__list .location_content .location_content__right label.h1 {
font-size: 5.625rem; }
@media (max-width: 1200px) {
.location_content .location_content__right {
padding-right: 2.813rem; }
.location_content .location_content__right .h2 {
font-size: 3rem;
margin-bottom: 2rem; } }
@media (max-width: 900px) {
.location_content .location_content__right {
padding-right: 0; } }
@media (max-width: 768px) {
.location_content .location_content__right {
widtH: 90%;
margin: 0 auto;
padding-right: 0;
padding-top: 2rem; }
.location_content .location_content__right .text {
padding-left: 0; } }
.location_content .location_content__right .cta {
color: #752e34;
border-color: #a19080; }
.location_content .location_content__right .cta:hover {
color: #a19080; }
.gift_voucher__block {
padding: 5.625rem 0; }
.gift_voucher__block p {
max-width: 600px;
margin: 0 auto 4rem;
text-align: center;
font-size: 1.125em; }
.gift_voucher__block form label {
display: block;
margin-bottom: 0.5em; }
.gift_voucher__block form input, .gift_voucher__block form textarea, .gift_voucher__block form select {
line-height: 3;
padding: 0 1em;
font-family: "freight-sans-pro",sans-serif; }
.gift_voucher__block form textarea {
height: 7rem;
padding: 1em; }
.gift_voucher__block form input[type="submit"] {
-webkit-appearance: none;
background: none;
border: 1px solid #c6beb0;
width: auto;
padding: 0 1em;
text-transform: uppercase;
font-family: "freight-display-pro", serif;
font-weight: 600;
font-size: 0.9rem;
line-height: 2;
letter-spacing: 0.14em;
color: #6a5e53;
margin-top: 1rem;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.gift_voucher__block form input[type="submit"]:hover {
background: #c6beb0;
color: #ede4d3; }
.gift_voucher__block form .submit-holder {
text-align: center; }
.gift_voucher__block .confirmation {
display: none; }
.gift_voucher__block .confirmation p {
margin-bottom: 1rem; }
.page-template-page-one_column .wrap {
padding-bottom: 4rem; }
.page-template-page-one_column .wrap .h1 {
margin-bottom: 0.5em; }
.page-template-page-one_column .wrap a:hover {
color: #a19080; } footer {
padding: 4rem 0; }
footer a:hover {
color: #a19080; }
footer .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
footer .footer-left {
width: 60%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between; }
footer .footer-left .col {
width: 30%;
text-align: left;
font-size: 0.875em; }
footer .footer-left .col p {
line-height: 1;
margin-bottom: 1em; }
footer .footer-left .col ul {
list-style: none;
padding: 0;
margin: 0; }
footer .footer-left .col ul li {
line-height: 1;
margin-bottom: 1em; }
@media (max-width: 768px) {
footer .footer-left {
width: 100%; }
footer .footer-left .col {
width: 50%;
margin-bottom: 2rem; }
footer .footer-left .col:last-of-type {
width: 100%; } }
footer .footer-right {
text-align: right;
font-size: 0.875em; }
footer .footer-right p {
line-height: 1;
margin-bottom: 1em; }
footer .footer-right .socials {
list-style: none;
padding: 0;
margin: 0 auto 4rem; }
footer .footer-right .socials li {
display: inline-block;
margin-left: 1em; }
footer .footer-right .socials li a {
display: block;
width: 2.813rem;
height: 2.813rem;
line-height: 2.813rem;
border: 1px solid #6a5e53;
text-align: center;
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-o-transition: background 0.3s;
transition: background 0.3s; }
footer .footer-right .socials li a:hover {
background: #6a5e53;
color: #ede4d3; }
@media (max-width: 768px) {
footer .footer-right {
width: 100%; } }
footer #mc-embedded-subscribe-form input {
-webkit-appearance: none;
background: none;
border: 0;
border-bottom: 1px solid #c6beb0;
color: #6a5e53;
font-family: "freight-sans-pro",sans-serif;
font-size: 0.875rem;
line-height: 2rem;
letter-spacing: 0.04em;
padding: 0;
width: 100%;
border-radius: 0; }
footer #mc-embedded-subscribe-form input.placeholder {
color: #6a5e53; }
footer #mc-embedded-subscribe-form input:-moz-placeholder {
color: #6a5e53; }
footer #mc-embedded-subscribe-form input::-moz-placeholder {
color: #6a5e53; }
footer #mc-embedded-subscribe-form input:-ms-input-placeholder {
color: #6a5e53; }
footer #mc-embedded-subscribe-form input::-webkit-input-placeholder {
color: #6a5e53; }
footer #mc-embedded-subscribe-form .button {
-webkit-appearance: none;
background: none;
border: 1px solid #c6beb0;
width: auto;
padding: 0 1em;
text-transform: uppercase;
font-family: "freight-display-pro", serif;
font-weight: 600;
font-size: 0.9rem;
line-height: 2;
letter-spacing: 0.14em;
color: #6a5e53;
margin-top: 1rem;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
footer #mc-embedded-subscribe-form .button:hover {
background: #c6beb0;
color: #ede4d3; }
section.block ul, section.block ol {
margin: 2rem auto; }
section.block ul li, section.block ol li {
margin: 0;
line-height: 1.2;
margin-bottom: 1rem;
font-weight: 500;
letter-spacing: 0.04em; } @media (max-width: 820px) {
header ul li a{
font-size: 0.6em;
}
}
@media (max-width: 768px) {
header ul li a{
font-size: 0.9em;
}
}