@media only screen 
and (max-width : 1024px) {
    .grey-bg{
        display: none;
    }
    .feature-image{
        margin-bottom: 5px;
    }
    .lower-content{
        width: 96%; padding: 0% 2%;
    }
    .home .lower-content{
        min-height: 0;
    }
    
    /* Google maps */
    .google-maps iframe {
        width: 100% !important; height: 100% !important;
    }
}

/* Small Screen Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 320px)
and (orientation : landscape){
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (min-width : 295px) 
and (max-width : 420px)
and (orientation : portrait) {
/* Styles */
.title-banner{
    margin-left: 0%; margin-top: 1%; width: 100%; text-align: center;
}
.title-banner img{
    width: 100%; height: auto;
}
.main-menu{
    position: relative; float: left; width: 100%; right: auto; bottom: 6%; text-align: center;
}
.main-menu .nav li{
    float: none;
}
.main-menu .nav > li {
    display: inline-block;
}
.main-menu .nav li{
    font-size: 14px;
}
.main-menu .nav li a{
    padding: 8px;
}
.main-menu .nav li, .main-menu .nav li a{
    border-right: none; 
}

/* -- Front buttons -- */
.front-button{
   width: 80%; margin: 0% 10% 4%; padding-bottom: 4%; border-bottom: 1px #eee solid;
}
.front-button:last-of-type{
    border-bottom: none;
}

/* -- Pages -- */
.single-page-entry p, .single-page-entry ul{
    font-size: 12px; line-height: 18px; 
}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 460px)
and (max-width : 601px)
and (orientation : landscape){
/* Styles */
.title-banner{
    margin-left: 0%; margin-top: 1%; width: 100%; text-align: center;
}
.title-banner img{
    width: 100%; height: auto;
}
.main-menu{
    position: relative; float: left; width: 100%; right: auto; bottom: 6%; text-align: center;
}
.main-menu .nav li{
    float: none;
}
.main-menu .nav > li {
    display: inline-block;
}
.main-menu .nav li{
    font-size: 20px;
}
.main-menu .nav li a{
    padding: 8px;
}
.main-menu .nav li, .main-menu .nav li a{
    border-right: none; 
}

/* -- Front buttons -- */
.front-button{
   width: 40%; margin: 0% 5% 4%; padding-bottom: 4%;
}
.front-button-caption{
    font-size: 18px;
}

/* -- Pages -- */
.single-page-entry p, .single-page-entry ul{
    font-size: 14px; line-height: 20px; 
}

}

/* Kindle (landscape)  ----------- */
@media only screen 
and (max-height : 396px)
and (max-width : 1024px)
and (orientation : landscape){
/* Styles */
}

/* Kindle (portrait)  ----------- */
@media only screen 
and (min-width : 530px)
and (max-width : 767px) {
/* Styles */

.title-banner{
    margin-left: 0%; margin-top: 1%; width: 100%; text-align: center;
}
.main-menu{
    position: relative; float: left; width: 100%; right: auto; bottom: 6%; text-align: center;
}
.main-menu .nav li{
    float: none;
}
.main-menu .nav > li {
    display: inline-block;
}
.main-menu .nav li{
    font-size: 20px;
}
.main-menu .nav li a{
    padding: 8px;
}
.main-menu .nav li, .main-menu .nav li a{
    border-right: none; 
}

/* Front buttons */
.front-button-caption{
    font-size: 18px;
}

}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
/* Styles */

}
 
/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
/* Styles */

}
 
/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
/* Styles */
/* Styles */
.title-banner{
    margin-left: 0%; margin-top: 1%; width: 100%; text-align: center;
}
.main-menu{
    position: relative; float: left; width: 100%; right: auto; bottom: 6%; text-align: center;
}
.main-menu .nav li{
    float: none;
}
.main-menu .nav > li {
    display: inline-block;
}
.main-menu .nav li, .main-menu .nav li a{
    border-right: none; 
}

}
 
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
/* Styles */
.feature-image{
    /* height: 495px; */
}
}
 
/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */

}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}