/*
Theme Name: Hello Co
Theme URI: http://helloyoudesigns.com
Description: A mobile responsive and HTML5 feminine WordPress theme built for the Genesis Framework by Hello You Designs
Author: Hello You Designs
Author URI: https://www.helloyoudesigns.com/
Copyright: Copyright (c) 2019, Hello You Designs
Version: 1.0.0

Template: genesis
Template Version: 2.6.1

License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Front Page
---------------------------------------------------------------------------------------------------- */

.home-testimonials h2,
.featured-post-3 .widget-title,
.home-close .widget-title,
.image-section .widget-title,
.home-testimonials .entry-content,
.front-page .blog .widget-title,
.image-section-2 .widget-title,
.home-full-grid .widget_nav_menu .widget-title {
font-family: 'Bon';
text-transform: none;
letter-spacing: normal;
}

.image-section-1 h3,
.soliloquy-container .soliloquy-caption h3,
.image-section-1 .button,
.home-testimonials .entry-title,
.home-two .widget:nth-child(1) .widget-title,
.home-one .widget:nth-child(2) .widget-title,
.image-section-3 .entry-title,
.featuredpage h5,
.soliloquy-container .soliloquy-caption h2,
.image-section-2 .widget:nth-child(3) .button {
font-family: 'Audrey';
}

.soliloquy-container .soliloquy-caption h3 {
font-family: 'Muli', sans-serif;
}

.front-page .site-container {
overflow: hidden;
}

.front-page .site-inner {
background: #fff;
margin: 0 auto;
width: 100%;
max-width: 100%;
padding: 0;
}

.front-page .content-sidebar-wrap {
max-width: 1200px;
margin: 0 auto;
}

.full-width-content.front-page .content{
max-width: 900px;
float: unset;
margin: 0 auto 0;
padding: 0;
}

.front-page .textwidget p {
margin-bottom: 0;
}

.front-page .woocommerce ul.products li.product {
width: 22%;
}

/* Image Sections
--------------------------------------------- */

.image-section {
margin-top: -3px;
clear: both;
overflow: hidden;
table-layout: fixed;
width: 100%;
}

.image-section-1,
.image-section-3,
.image-section-2  {
background-attachment: fixed;
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size:    cover;
background-size:         cover;
}

/* Home Full Menu
--------------------------------------------- */

.home-full-optin {
background: #eee;
color: #222;
font-size: 1.4rem;
padding: 20px;
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
line-height: 1;
}

.home-full-optin h2 {
line-height: 1;
margin-bottom: 5px;
text-transform: uppercase;
}

.home-full-optin .widget-title,
.home-full-optin h1,
.home-full-optin h2
.home-full-optin h3,
.home-full-optin h4,
.home-full-optin h5,
.home-full-optin h6,
.home-full-optin p {
color: #222;
}

.home-full-grid .widget_nav_menu {
margin-bottom: 3%;
text-transform: uppercase;
width: 100%;
text-align: center;
}

.home-full-grid .widget_nav_menu .widget-title {
float: left;
margin-left: 3%;
margin-bottom: 0;
}

.home-full-grid .widget_nav_menu li {
display: inline-block;
padding: 4px 20px;
letter-spacing: .25em;
line-height: 1.5rem;
font-size: 1.4rem;
font-weight: bold;
}

.home-full-grid .widget_nav_menu li a {
color: #dfb15b;
}

.home-full-grid .widget_nav_menu li a:hover {
color: #b2d2cd;
}

.home-full-grid .widget_nav_menu li a:after {
content: "|";
margin-left: 40px;
color: #d7d4cf;
}

.home-full-grid .last a:after {
display: none;
}

.home-full-optin .enews-widget {
padding: 10px;
}

.home-full-optin .enews-widget .widget-title{
text-align: center;
}

.home-full-optin .enews-widget input {
float: left;
width: 33.33%;
margin-right: 10px;
margin-bottom: 0;
padding: 12px;
}

.home-full-optin .enews-widget input[type="submit"] {
width: auto;
padding: 10px 20px;
margin-right: 0;
}

.home-full-optin .accent-text {
margin-top: -40px;
margin-left: 20px;
position: relative;
}


/* Titles on hover
------------------------------------*/
.home-full .featuredpage .entry,
.image-section-2 .featured-content .entry  {
padding-bottom: 0px;
margin-bottom: 0px;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.home-full .featuredpage article.has-post-thumbnail,
.image-section-2 .featured-content article.has-post-thumbnail {
position: relative;
padding: 0;
border: 0;
overflow: hidden;
}

.home-full .featuredpage article.has-post-thumbnail > a,
.image-section-2 .featured-content article.has-post-thumbnail > a {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0;
}

.home-full .featuredpage article.has-post-thumbnail img,
.image-section-2 .featured-content article.has-post-thumbnail img {
display: block;
margin: 0;
opacity: 1;
width: 100%;
-webkit-transition: opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-moz-transition:    opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-ms-transition:     opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
-o-transition:      opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
transition:         opacity .2s cubic-bezier(0,1,.75,1), transform 2.5s cubic-bezier(0,1,.75,1);
}

.home-full .featuredpage article.has-post-thumbnail:hover img,
.image-section-2 .featured-content article.has-post-thumbnail:hover img {
transform: scale(1.1);
opacity: .7;
}

.home-full .featuredpage img,
.image-section-2 .featured-content img {
vertical-align: top;
-webkit-transition:  all .2s linear;
-moz-transition:  all .2s linear;
-o-transition:  all .2s linear;
transition:  all .2s linear;
}

.home-full .featuredpage .entry-header,
.image-section-2 .entry-header  {
margin-top: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}

.home-full .featuredpage .entry-title,
.image-section-2 .entry-title   {
color: #222;
display: block;
font-size: 3.0rem;
letter-spacing: .05em;
text-transform: uppercase;
padding: 20px;
}

.home-full .featuredpage .entry:hover .entry-header,
.image-section-2 .entry:hover .entry-header  {
opacity: 1;
}



/* Top Featured Slider
------------------------------------- */

.soliloquy-container .soliloquy-pager-link {
display: none !important;
}

.soliloquy-container .soliloquy-prev {
display: block;
width: auto !important;
height: auto !important;
position: absolute;
top: 70%;
margin-top: 0;
left: -30px !important;
z-index: 1320;
background: transparent!important;
}

.soliloquy-container .soliloquy-prev::before {
content: "PREV";
letter-spacing: .5em;
display: inline-block;
z-index: 12;
transform: rotate(-90deg);
top: 40px;
height: 0;
width: 0;
white-space: nowrap;
position: absolute;
}

.soliloquy-container .soliloquy-next::after {
content: "NEXT";
letter-spacing: .5em;
display: inline-block;
z-index: 12;
transform: rotate(90deg);
top: -17px;
height: 0;
width: 0;
white-space: nowrap;
position: absolute;
}

.soliloquy-container .soliloquy-next {
display: block;
width: auto !important;
height: auto !important;
position: absolute;
top: 70%;
right: -30px !important;
margin-top: 0;
z-index: 1320;
background: transparent!important;
}

.soliloquy-caption-inside {
background: transparent !important;
color: #222 !important;
font-size: 2.0rem !important;
line-height: 1.5 !important;
padding: 20px 0px !important;
text-shadow: none !important;
}

.soliloquy-container .soliloquy-caption {
width: 55% !important;
margin-left: 2% !important;
margin-bottom: 10% !important;
background: none !important;
padding: 2% !important;
}

.soliloquy-container .soliloquy-caption h2 {
font-size: 5.0rem !important;
line-height: 1 !important;
letter-spacing: .05em !important;
text-align: left !important;
text-transform: uppercase !important;
}

.soliloquy-container .soliloquy-caption h3 {
font-size: 3.0rem !important;
line-height: 1 !important;
letter-spacing: .05em !important;
text-align: left !important;
text-transform: none !important;
}

.soliloquy-container .soliloquy-caption h4 {
font-size: 1.6rem !important;
line-height: 2 !important;
text-align: center !important;
text-transform: uppercase;
letter-spacing: 3px !important;
}


.soliloquy-container .soliloquy-caption .button {
float: left;
background: none;
border: none;
outline: none;
text-transform: uppercase;
letter-spacing: 2px;
color: #222;
margin-top: 5%;
font-size: 1.6rem;
}

.soliloquy-container .soliloquy-caption .button:hover {
color: #dfb15b;
background: none;
border: none;
outline: none;
}

.soliloquy-container .soliloquy-caption .button::before {
content: "";
height: 1px;
width: 70px;
background: #222;
display: inline-block;
z-index: 1;
margin-bottom: 6px;
margin-right: 10px;
}


/* Featured Post
-------------------------------------------------*/
.home-featured {
background: #fff;
}

.featured-post-3 {
margin-top: -12px;
}

.featured-post-3 .wrap {
padding-top: 5%;
}

.featured-post-1 {
padding-top: 8%;
}

.featured-post-2 {
padding-bottom: 8%;
}

.featured-post-1 .widget,
.featured-post-3 .widget  {
margin-bottom: 7%;
display: inline-block;
}

.featured-post-3 .widget-title,
.home-full-2 .widget-title  {
color: #222;
font-size: 10.0rem;
line-height: 1;
margin-bottom: 0;
top: 40px;
left: -40px;
position: relative;
z-index: 1;
}

.featured-post-3 .widget-title::after,
.home-full-2 .widget-title::after {
content: "";
height: 1px;
width: 150px;
background: #222;
display: inline-block;
margin-bottom: 20px;
margin-left: 30px;
z-index: 3;
}

.hyd-entry .featuredpost .widget {
background: #fff;
}

.blog .content .widget-title {
color: #222;
font-size: 10.0rem;
line-height: 1;
margin-bottom: 0;
top: 40px;
left: -90px;
position: relative;
z-index: 3;
}

.featured-post-1 .widget-title,
.featured-post-3 .featuredpage .widget-title   {
left: 34px;
}

.featured-post-2 .widget-title {
float: right;
right: -100px;
}

.image-section-3 .widget-title::after,
.blog .content .widget-title::after {
content: "";
height: 1px;
width: 150px;
background: #222;
display: inline-block;
margin-bottom: 30px;
margin-left: 30px;
z-index: 999;
}

.home-full .featured-content img,
.image-section-3 .featured-content img  {
vertical-align: top;
-webkit-transition:  all .5s linear;
-moz-transition:  all .5s linear;
-o-transition:  all .5s linear;
transition:  all .5s linear;
}

/* Home Top
-------------------------------------------------*/
.image-section-1 {
padding: 3% 0;
}

.home-full {
width: 100%;
display: inline-block;
clear: both;
}

.home-full-grid .wrap {
padding: 3%;
background: #fff;
line-height: 0;
}

.home-full .hyd-entry .featuredpost::after{
display: none;
}

/* Home Badge
--------------------------------------------- */
.home-badge {
background: transparent !important;
position: absolute;
z-index: 1;
bottom: -150px;
right: -150px;
}

.home-badge .widget {
max-height: 200px;
max-width: 200px;
}

.home-badge:hover {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}



/* Home Optin
--------------------------------------------- */
.home-full-width .widget-title,
.home-full-width h1,
.home-full-width h3,
.home-full-width h4,
.home-full-width h5,
.home-full-width h6,
.home-full-width p,
.home-full-width,
.home-full-2 .widget-title,
.home-full-2 h1,
.home-full-2 h3,
.home-full-2 h4,
.home-full-2 h5,
.home-full-2 h6,
.home-full-2 p,
.home-full-2  {
color: #222;
}

.home-full-width,
.home-full-2 {
background: #f3f3f3;
padding: 3%;
}

.home-full-width .widget-area,
.home-full-2 .widget-area {
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
}

.home-full-width .wrap,
.home-full-2 .wrap {
max-width: 1600px;
}

.home-full-width .widget,
.home-full-2 .widget {
padding: 0 20px;
margin: 0 auto;

}

.home-full-width #subbox,
.home-full-2 #subbox  {
width: 72%;
margin-right: 3%;
}

.home-full-width .enews-widget input[type="submit"],
.home-full-2 .enews-widget input[type="submit"] {
width: 25%;
float: right;
padding: 12px;
}

.home-full-width h2,
.home-full-2 h2 {
color: #dfb15b;
font-size: 8.0rem;
line-height: 1;
letter-spacing: normal;
pointer-events: none;
text-transform: none;
}

.home-full-width h3,
.home-full-2 h3 {
font-size: 6.0rem;
letter-spacing: normal;
margin-bottom: 0;
}

.home-full-width .widget:nth-child(2),
.home-full-2 .widget:nth-child(2) {
border-left: 3px solid #d7d4cf;
padding-left: 5%;
}

/* Home About
--------------------------------------------- */

.image-section-2 {
padding: 3% 0;
}

.image-section-2 .wrap {
padding: 3%;
background: #fff;
margin: 0 auto;
}

.image-section-2 .widget_media_image {
line-height: 0;
}

.image-section-2 .featured-content .entry {
background: #fff;
margin-bottom: 0;
}

.image-section-2 .widget:nth-child(2) img {
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.image-section-2 .widget:nth-child(1) {
border-top: 15px solid #fff;
border-right: 15px solid #fff;
width: 30%;
left: 45px;
top:  50px;
float: left;
position: relative;
z-index: 2;
}

.image-section-2 .widget:nth-child(1) img {
position: relative;
}

.image-section-2 .widget:nth-child(2) {
width: 30%;
right: 45px;
top: 10px;
float: left;
position: relative;
z-index: 1;
}

.image-section-2 .widget-title, .image-section-2 .widget-title a {
color: #222;
font-size: 10.0rem;
height: 0;
width: 0;
white-space: nowrap;
margin-bottom: 0;
left: 30px;
top: 10px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
z-index: 1;
}

.image-section-2 .widget-title::after {
content: "";
height: 1px;
width: 100px;
background: #222;
display: inline-block;
margin-bottom: 25px;
margin-left: 50px;
z-index: 3;
}

.image-section-2 .widget:nth-child(1)::after {
content: '';
display: block;
width: 95%;
height: 95%;
overflow: hidden;
position: absolute;
left: -30px;
bottom: -30px;
background-color: #f6ebe4;
z-index: -1;
}

.image-section-2 .soliloquy-container .soliloquy-next,
.image-section-2 .soliloquy-container .soliloquy-prev,
.image-section-2 .soliloquy-container .soliloquy-pager-link {
display: none !important;
}

.image-section-2 .widget:nth-child(3) {
float: left;
width: 40%;
padding-top: 5%;
}

.image-section-2 .widget:nth-child(3) .widget-title {
font-size: 10.0rem;
line-height: 1;
letter-spacing: normal;
position: relative;
max-width: max-content;
margin-left: -25%;
margin-bottom: 0;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
z-index: 3;
}

.image-section-2 .widget:nth-child(3) .button {
background: transparent;
border: none;
color: #222;
font-size: 3.2rem;
letter-spacing: .05em;
}

.image-section-2 .widget:nth-child(3) .button::after {
background: #d6e9e5;
display: block;
content: " ";
width: 100%;
height: 25px;
position: relative;
top: -34px;
left: 12px;
z-index: -1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
max-width: 250px;
}

.image-section-2 .widget:nth-child(3) .button:hover {
background: transparent;
border: none;
color: #222;
}

.image-section-2 .widget:nth-child(3) .button:hover::after {
background: #d6d3ce;
}

.featuredpage h5,
.image-section-2 .widget:nth-child(3) h4,
.promoblurb h4  {
color: #d9b753;
font-size: 2.6rem;
font-style: italic;
letter-spacing: normal;
text-transform: none;
}

.promoblurb img {
transition: none!important;
box-shadow: none!important;
}

.promoblurb img:hover {
transition: none!important;
}

.promoblurb {
background: #f6f2e7;
outline: 1px solid #f6f2e7;
outline-offset: 5px;
padding: 5% 3%;
text-align: center;
}

.promoblurb h3 {
padding-top: 7%;
}

.promoblurb h3,
.promoblurb h4 {
text-align: center;
margin-bottom: 5px;
line-height: 1;
}

.promoblurb a {
color: #222;
text-transform: uppercase;
font-weight: bold;
border-bottom: 3px solid #d6e9e5;
}

.promoblurb h1,
.promoblurb h2,
.promoblurb h3,
.promoblurb h5,
.promoblurb h6,
.promoblurb p,
.promoblurb {
color: #222;
}

/* Home Flexible
--------------------------------------------- */


/* Image Section 3
--------------------------------------------- */

.image-section-3 {
padding: 3% 0;
}

.image-section-3 .wrap {
padding: 3%;
background: #fff;
margin: 0 auto;
}

/* Media Queries
--------------------------------------------- */

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

.home-badge .widget {
max-height: 150px;
max-width: 150px;
}

.home-badge {
bottom: -100px;
right: -90px;
}
}

@media only screen and (max-width: 1080px) {
.soliloquy-container .soliloquy-prev {
left: -22px !important;
}

.soliloquy-container .soliloquy-next {
right: -22px !important;
}

.home-full-width h2, .home-full-2 h2 {
font-size: 5.0rem;
}

.home-full-width h4, .home-full-2 h4 {
font-size: 2.0rem;
}
}

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

.home-badge .widget {
max-height: 100px;
max-width: 100px;
}

.home-badge {
bottom: -75px;
right: -65px;
}

.home-full-optin {
display: inline-block;
text-align: center;
}

.home-full-optin .enews-widget {
max-width: 400px;
margin: 0 auto;
}

.home-full-optin .enews-widget input {
padding: 6px;
}

.home-full-optin .enews-widget input[type="submit"] {
padding: 4px 14px;
}

.home-full-grid .widget_nav_menu .widget-title {
width: 100%;
}

.soliloquy-container .soliloquy-caption h2 {
font-size: 3.0rem !important;
}

.soliloquy-container .soliloquy-caption h3 {
font-size: 2.0rem !important;
}

.image-section-1, .image-section-2, .image-section-3 {
padding: 50px 0;
}

.featured-post-3 .widget-title,
.home-full-2 .widget-title {
font-size: 6.5rem;
}

.featured-post-3 .widget-title::after,
.home-full-2 .widget-title::after {
width: 45px;
}

.image-section-2 .widget:nth-child(1){
width: 50%;
margin-bottom: 10%;
}

.image-section-2 .widget:nth-child(2) {
width: 50%;
}

.image-section-2 .widget:nth-child(3) {
float: unset;
width: 85%;
padding-top: 10%;
margin: 0 7.5%;
clear: both;
}

.image-section-2 .widget-title,
.image-section-2  .widget-title a {
font-size: 6.5rem;
left: 10px;
}

.blog .content .widget-title {
font-size: 6.5rem;
top: 20px;
left: -40px;
}

.image-section-3 .widget-title::after,
.blog .content .widget-title::after {
width: 45px;
margin-bottom: 15px;
}
}

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

.home-full-optin h2 {
font-size: 2.0rem;
}

.home-full-optin .enews-widget input {
float: left;
width: 30%;
margin-right: 1%;
}

.home-full .widget:nth-child(1) {
width: 100% !important;
margin-bottom: 10px;
}

.home-full .flexible-widgets.widget-fourths .widget,
.home-full .flexible-widgets.widget-halves .widget,
.home-full .flexible-widgets.widget-thirds .widget {
float: left;
margin: 1px auto;
width: 50%;
}

.home-full .featuredpage .entry-title, .image-section-2 .entry-title {
font-size: 1.8rem;
}

.image-section-2 .widget:nth-child(3) .button {
font-size: 2.4rem;
}

.image-section-2 .widget:nth-child(3) .button::after {
height: 20px;
top: -26px;
}

.featured-post-2 .widget-title {
right: -75px;
}

.soliloquy-container .soliloquy-pager, .soliloquy-container .soliloquy-caption, .soliloquy-container .soliloquy-controls-auto {
display: inherit !important;
}

.soliloquy-container .soliloquy-prev::before,
.soliloquy-container .soliloquy-next::after {
font-size: 1.2rem;
}

.soliloquy-container .soliloquy-prev {
left: -14px !important;
}

.soliloquy-container .soliloquy-next {
right: -14px !important;
}

.featured-post-3 .widget-title::after,
.home-full-2 .widget-title::after {
margin-bottom: 0;
}

.home-full-grid .widget_nav_menu li {
padding: 0 10px;
font-size: 1.0rem;
}

.home-badge {
right: -45px;
}

.image-section-2 .widget:nth-child(1)::after {
left: -25px;
bottom: -25px;
}

.home-full-width h2, .home-full-2 h2 {
font-size: 3.0rem;
}

.home-full-width h4, .home-full-2 h4 {
font-size: 1.4rem;
}

.home-full-width .button,
.home-full-2 .button {
padding: 8px 10px;
margin: 8px auto;
}

.featured-post-1,
.featured-post-3 .wrap {
padding-top: 12%;
}

.image-section-2 .wrap {
padding: 12% 3%;
}

.blog .content .widget-title {
font-size: 4.5rem;
top: 10px;
}

.image-section-2 .button {
font-size: 2.4rem;
}

.featured-post-1 .widget, .featured-post-3 .widget {
margin-bottom: 40px;
}
}

@media only screen and (max-width: 500px) {
.image-section-2 .widget-title,
.image-section-2  .widget-title a {
font-size: 4.5rem;
left: 10px;
}

.image-section-2 .widget-title::after {
margin-bottom: 15px;
margin-left: 10px;
}

.image-section-2 .widget:nth-child(1) {
margin-bottom: 75px;
}

.blog .content .widget-title {
font-size: 4.5rem;
top: 15px;
}

.home-full-width .widget-area, .home-full-2 .widget-area {
display: inline-block;
}

.soliloquy-container .soliloquy-prev::before,
.soliloquy-container .soliloquy-next::after {
font-size: 1.0rem;
}

.soliloquy-container .soliloquy-prev {
left: -12px !important;
}

.soliloquy-container .soliloquy-next {
right: -12px !important;
margin-top: 0!important;
}

.soliloquy-container .soliloquy-caption h2 {
font-size: 1.6rem !important;
}

.soliloquy-container .soliloquy-caption h3 {
font-size: 1.4rem !important;
}

.soliloquy-container .soliloquy-caption .button {
font-size: 1.0rem;
}

.soliloquy-container .soliloquy-caption .button::before {
width: 40px;
margin-bottom: 4px;
}

}



/* ipad 3 and 4 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
.image-section-1,
.image-section-2,
.image-section-3 {
background-attachment: scroll;
}
}

/* ipad 1, 2, and ipad mini */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.image-section-1,
.image-section-2,
.image-section-3{
background-attachment: scroll;
}
}

/* iphone 6 plus */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
.image-section-1,
.image-section-2,
.image-section-3 {
background-attachment: scroll;
}
}

/* iphone 6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
.image-section-1,
.image-section-2,
.image-section-3 {
background-attachment: scroll;
}
}

/* iphone 5 and 5s */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
.image-section-1,
.image-section-2,
.image-section-3 {
background-attachment: scroll;
}
}