@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css");
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(https://fonts.googleapis.com/css?family=Gloria+Hallelujah);

html {
    position: relative;
    min-height: 100%;
}
body {
    font-family:Oswald;
    font-weight:light;
    font-size:1.5rem;
    margin:0 0 214px;
    padding:0;
}
body .cms-content {
    padding: 3.6rem 3rem 3rem 3rem;
}
a {
    color:#666;
    text-decoration:none;
}
a:hover{
    color:#999;
    text-decoration:none;
}
p{
    color:#333;
}
h1, h2, h3, h4, h5{
    
}
h1{
    font-size:2.8rem;
}
h2{
    font-size:2.2rem;
}
h3{
    font-size:1.6rem;
}


.image_after_heading .image {
    text-align:right; 
}
.image_after_heading .image img {
    width:20%;
    height:auto;
}

/* GALLERY IMAGES */

.image_gallery {
    text-align: center;
    display: inline-block;
    width: 320px;
    height: 320px;
    margin: 0 .5rem .5rem .5rem;
}

.image_gallery .image {
    width: 320px;
    max-width: 320px;
    white-space: nowrap;
    text-align: center;
    background-color: #fff;
    height: 320px;
    display: inline-block;
    float: none;
    overflow: hidden;
}
.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.image_gallery .image img {
vertical-align: middle;
max-height: 320px;
max-width: 320px;
}

@media (max-width: 740px) {
    
.image_gallery {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.image_gallery .image {
    width: 100%;
    max-width: 60rem;
    height: auto;
}

.image_gallery .image img {
width: auto;
height: auto;
max-width: 100%;
max-height: none;
}
    
}

header {
    display:inline-block;
    width:100%;
    background: url("/images/header-bg.jpg");
    background-size:100% 100%;
}

header #fff-space {
    width: 100%;
    padding-top: 11.2rem;
    margin-top: 12.4rem;
    background: #fff;
    position: relative;
    font-size: 2rem;
    overflow: auto;
}
header #logo {
    display: block;
    float: left;
    width:60%;
    height:auto;
    margin-left:3rem;
}

header #logo img {
    width:100%;
    height:auto;
}

header ul {
    list-style:none;
    float:right;
    margin-right:3rem;
    
}
header ul li {
    display:inline-block;
    margin:.5rem;
}

header .email-icon a,
header .email-icon a:hover{
    color:#333;
    text-decoration:none;
}
header .phone-icon img {
    width:100%;
    height:auto;
}

#contact-list {
    text-align: right;
    padding: 0;
}

#contact-list li {
    display: inline-block;
    margin: 0 0 0 2.2rem;
    padding: 0;
    height: 7rem;
    overflow: hidden;
}

#contact-list a {
    display: inline-block;
    font-size: 7rem;
    line-height: 6.4rem;
    color: #585858;
}

#contact-list .email-icon a {margin-top: -.7rem;}

#contact-list .facebook-icon a {
    background: #393B3F;
    color: #fff;
    line-height: 6.4rem;
    min-width: 6.4rem;
    border-radius: 6.4rem;
    text-align: center;
    font-size: 4rem;
}

#contact-list .phone-icon a {
    line-height: 4.6rem;
}

@media (max-width: 1340px) {
    
    header #logo {
    width: 53%;
    padding-top: .7rem;
}

}

@media (max-width: 1200px) {

#contact-list a {font-size: 5rem;}

#contact-list .facebook-icon a {
    line-height: 5rem;
    min-width: 5rem;
    border-radius: 5rem;
    font-size: 3rem;
    margin-top: .6rem;
}

}

@media (max-width:1025px) {
    header .phone-icon {
    width:15rem;
    height:auto;
}
}

@media (max-width:940px) {
    
#contact-list {
    float: none;
    margin: 0 3rem 0 0;
}

header #fff-space {overflow: initial;}

}

@media (max-width:850px) {

header #logo {
    width: 100%;
    float: none;
    margin: 0 auto 2rem auto;
    padding: 0 1.5rem;
}

#contact-list {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0 1.5rem;
    width: 100%;
    text-align: center;
}


}

@media (max-width:540px) {

header #fff-space {
    margin-top: 9rem;
}

}

.responsive_nav.desktop-mode {
    width:100%;
    background:#393b3f;
    position:absolute;
    top:0;
}
#nav {
    text-align:right;
}

#nav > ul {
    margin: 0 1.5rem 0 0;
    list-style: none;
    padding: 0;
}

#nav a {
    color:#fff;
    line-height: 6.2rem;
    font-size: 2.2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
}

#nav a:active,
#nav a:focus,
#nav a:hover {
    color: #9FB8D8;
    text-decoration: none;
}

.responsive_nav.toggle-mode {
    width:100%;
    background:#393b3f;
    position:absolute;
    top:0; 
}

@media (max-width:940px) {
    #nav {z-index: 1;}
    
    #nav .nav-menu-toggle {width: 100%;}
}

section {
    height:100%;
    background:#fff;
    display:inline-block;
    width:100%;
}

section.cms-content {text-align: left;}

.cms-content .main-content .success {
    color:#0f0;
}

.cms-content .main-content p {
    font-weight: 100;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 3.1rem;
}

.cms-content .main-content h1 {
    margin-top: 0;
    text-transform: uppercase;
}

.main-content p a:hover,
.main-content p a:focus,
.main-content p a:active {
    color: #999;
}

footer {
    display:inline-block;
    width:100%;
    background: url("/images/footer-bg.jpg");
    background-size:100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 214px;
    text-align:center;
}
footer #footer-fff-space {
    width:100%;
    background:#fff;   
    position:relative;
    overflow: auto;
    padding: 0 3rem 4rem 3rem;
    border-bottom: 2rem solid #393b3f;
}
footer #sig-cage {
    display:inline-block;
    height:auto;
    width:38rem;
    margin: 0;
    float:left;
}

footer #sig-pic {
    width:100%;
    height:auto;
}

footer p {
    display:inline-block;
    float:right;
    width:72rem;
    height:auto;
    margin: 0;
    text-align:left;
    font-weight: 100;
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 3.1rem;
}

footer p a {
    color: #333;
    text-decoration: underline;
}

footer p a:hover,
footer p a:focus,
footer p a:active {
    color: #999;
    text-decoration: underline;
}

body > #powered-by {display: none;}

footer #powered-by {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 100;
    color: #393B3F;
    margin: 3rem 0 0 0;
}

@media (max-width:1200px) {

body {margin: 0;}

footer {
    overflow: auto;
    height: auto;
    position: relative;
}

footer #footer-fff-space {padding-top: 3rem;}
    
footer p {
    width: 47rem;
    font-size: 1.8rem;
    line-height: normal;
    margin: 1rem 0 0 0;
}

footer #powered-by {margin: 3rem 0;}
    
}


@media (max-width:960px) {
    footer #sig-cage {
        width:20rem;
}
    footer p {
        width:100%;
}
}

@media (max-width:579px) {
    
    footer p {
        float:left;
    }
}

div.div_r_form {
    padding: 0;
    margin: 1rem 0 0 0;
}

div.div_r_form legend {display: none;}

.div_r_form form ul {
    list-style:none;
    margin:0;
    padding:0;
}
.div_r_form form ul li {
    margin:0 0 1rem 0;
}
.div_r_form form ul li label {
    display:none;
}

.div_r_form form ul li input,
.div_r_form form ul li textarea {
    border:2px solid #393b3f;
    width:100%;
    max-width:60rem;
    min-width:300px;
}

.div_r_form button {
    height:auto;
    width:100px;
    border:2px solid #393b3f;
    background-color:#fff;
}

.page-1 .cms-content {overflow: hidden;}

.page-1 .cms-content .image_after_heading {
    text-align:center;
    margin: 0 -4.5rem;
}
.page-1 .cms-content .image_after_heading .image {
    display: inline-block;
    width: 25%;
    height: auto;
    margin: 0 0 3rem 0;
    padding: 0 1.5rem;
    min-width: 148px;
}
.page-1 .cms-content .image_after_heading .image img {
    width:100%;
    height:auto;
}

.page-about .image_after_heading{
    float: right;
    padding-left: 50px;
}
.page-about .image_after_heading img {
    /* max-width:300px !important; */
    width:300px !important;
}

.page-2 section.cms-content,
.page-3 section.cms-content,
.page-4 section.cms-content {text-align: center;}


@media (max-width: 850px) {
.page-1 .cms-content {
    padding: 2.3rem 3rem 3rem 3rem;
}
}

@media (max-width: 768px) {
    
.page-1 .cms-content .image_after_heading .image {width: 50%;}
    
}

@media (max-width: 540px) {
    
.page-1 .cms-content .image_after_heading .image {width: 100%;}
    
}