.btn {
font-size: 18px;
display: inline-block;
padding: 15px 40px;
transition: all .3s;
font-weight: bold;
text-align: center;
}
.btn-dark,
.btn-dark.no-hover:hover,
.btn-dark.no-hover:focus {
background-color: #3f4352;
color: #fff;
}
.btn-dark:not(.no-hover):hover,
.btn-dark:focus {
color: #3f4352;
background-color: #FFF;
}
.btn-light,
.btn-light.no-hover:hover,
.btn-light.no-hover:focus {
background-color: #FFF;
color: #3f4352;
}
.btn-transparent {
border: 2.5px solid #3f4352;
color: #000;
}
.btn-transparent:hover,
.btn-transparent:focus {
background-color: #3f4352;
color: #fff;
}
div.hero {
padding-bottom: 3.125rem !important;
background-color: #d1cbd7;
}
.hero h1 {
font-size: 150px !important;
font-family: 'Bebas Neue', cursive;
font-weight: 300 !important;
text-transform: uppercase;
line-height: 1;
}
.hero img {
z-index: 1;
position: relative;
}
.hero .large-6 {
display: flex;
align-items: center;
}
.gift-location {
text-align: center;
}
.gift-location .heading {
font-weight: bold;
text-transform: uppercase;
}
.alternating-row .grid-container {
width: 100%;
max-width: 100%;
}
.alternating-row .box {
width: 100%;
height: 100%;
}
.alternating-row .heading {
text-transform: uppercase;
margin-bottom: 25px;
}
.template-location .btn {
margin-top: 30px;
}
.full-width-content * {
text-align: center;
}
.full-width-content img {
max-width: 513px;
width: 100%;
margin-bottom: 25px;
}
.half-width-content {
background-color: #c6c8bb;
}
.haft-width-content {}
.half-width-content {
background-size: cover;
background-repeat: no-repeat;
background--position: top right;
}
.half-width-content .heading,
.full-width-content .heading,
.large-heading {
font-family: 'Bebas Neue', cursive;
font-weight: 300;
text-transform: uppercase;
line-height: 1;
}
.product-categories .grid-x {
margin-left: -15px;
margin-right: -15px;
}
.product-categories .cell {
margin: 0 !important;
}
.product-categories a {
width: 100%;
display: block;
text-align: center;
}
.product-category-image {
min-height: 20vw;
padding-bottom: 300px;
background-size: cover;
background-position: center;
}
.product-categories .product-category-title {
font-size: 18px;
color: #FFF;
text-align: center;
padding: 13px;
text-transform: uppercase;
}
.product-categories .cell:nth-child(odd) .product-category-title {
background-color: #3f4352;
}
.product-categories .cell:nth-child(even) .product-category-title {
background-color: #7a2127;
}
.newsletter {
background-size: cover !important;
}
.newsletter h2 {
text-transform: uppercase;
margin-bottom: 25px;
font-weight: 500 !important;
}
.newsletter p {
max-width: 100% !important;
}
@media (max-width: 1500px) and (min-width: 1024px) {
.half-width-content {
background-position: 47% 100% !important;
}
}
@media (min-width: 1024px) {
.hero h1 {
margin-left: -60px;
}
.alternating-row .grid-container {
width: 100% !important;
max-width: 100% !important;
}
.alternating-row .box {
justify-content: center;
display: flex;
}
.alternating-row .content {
max-width: 80%;
}
}
@media (max-width: 1023px) {
.hero img {
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
.hero h1 {
font-size: 100px !important;
text-align: center;
}
.hero .large-6 {
justify-content: center;
}
.half-width-content {
background-image: none !important;
}
}
@media (min-width: 768px) {
.gift-location .heading {
font-size: 48px;
}
.half-width-content .heading,
.full-width-content .heading,
.large-heading {
font-size: 102px !important;
}
.full-width-content .heading {
margin-bottom: -50px;
}
}
@media (max-width: 767px) {
.gift-location .heading {
font-size: 38px;
}    
.hero h1 {
font-size: 60px !important;
}
.alternating-row .heading {
text-align: left;
}
.half-width-content .heading,
.full-width-content .heading,
.large-heading {
font-size: 50px;
}
}