.email-us-button { 
    right: 0;
    position: absolute;
    margin-right: 2%;
}

.navbar {
/*    border-bottom: 1px solid #5cb85c;*/
    box-shadow: 0 0.1em .4em .1em rgba(90, 90, 90, 0.95);
}

body {
    background-color: #f7f7f7 !important;
}

img.our-guarantee-image {
    min-width: 100%;
    max-height: inherit;
    
}

#container {
  position: relative;
}
#image {
/*  position: absolute;*/
    
}

#image-overlay {
  z-index: 100;
  top:0;
  left:0;
  position: absolute;
  background-color: black;
  background-blend-mode: darken;
  opacity: .3;
  min-width: 100%;
  min-height: 100%;  
  padding: 0 !important;
  border: 0em solid white;
    border-radius: 2.2em;
}

#text {
  z-index: 101;
  top:40%;
  left:0;
  vertical-align: center;
  position: absolute;
  color: white;
  font-size: 1.6em;
  font-weight: 300;
  font-style: normal !important;
  padding-left: 4%;
  padding-right: 4%;
  text-shadow: #4c4949 1px 1px 20px;    
}

div.row {
    margin-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
}

div.row.last-section {
    margin-bottom: 2%;
}

div.card {
    box-shadow: 0 .1em 0.1em 0.1em rgba(90, 90, 90, 0.95);
    min-height: 100%;
}

p.section-descr {
    font-style: italic;
    font-size: .8em;
}

div.first-section {
    margin-top: 2%;
}


dl > dd, dl > a > dd {
    font-size: .8em;
    background-color: rgba(220, 220, 220, 0.53);
    border-radius: .3em;
    padding: 2%;
    box-shadow: 0 .1em 0.1em 0.1em rgba(90, 90, 90, 0.95);

}

dl > a {
    text-decoration: none !important;
    color:inherit;
}


iframe.map {
    height: 300px;
}

img.photo-gallery-item {
    min-width: 100%;
}

@media (max-width: 1024px) {
    #text {
        font-size: 2.0em;
    }
}

/* this is the size when the hamburger menu starts to show */
@media (max-width: 991px) {
    /* put EMAIL US button in bottom right */
    .email-us-button {
        bottom: 0;
        margin-bottom: 3%;
    }
}

@media (max-width: 768px) {
    
    
    
    div.row > div.col-xs-12.col-sm-12.col-md-4.col-lg-4 {
        margin-top: 2% !important;
    }
    
    img.our-guarantee-image {
        max-width: 100%;
        max-height: inherit;
    }
    
    #text {
        z-index: 101;
        top:20%;
        left:0;
        vertical-align: center;
        position: absolute;
        color: white;
        font-size: 1.4em;
        font-weight: 300;
        font-style: normal !important;
        padding-left: 4%;
        padding-right: 4%;
        text-shadow: #4c4949 1px 1px 20px;
    }
    
    #image-overlay {
        z-index: 100;
        top:0;
        left:0;
        position: absolute;
        background-color: black;
        background-blend-mode: darken;
        opacity: .3;
        min-width: 100%;
        min-height: 100%;  
        padding: 0 !important;
        border: 0em solid white;
        border-radius: 1em;
    }
}

@media (max-width: 414px) {
    #text {
        font-size: .8em;
    }
}

@media (max-width: 320px) {
    a.navbar-brand {
        font-size: 1em;
    }
    
    
    
    button.navbar-toggler {
        max-height: 75%;
    }
    
    #text {
        z-index: 101;
        top:20%;
        left:0;
        vertical-align: center;
        position: absolute;
        color: white;
        font-size: 10px;
        font-weight: 100;
        font-style: normal !important;
        padding-left: 4%;
        padding-right: 4%;
        text-shadow: #4c4949 1px 1px 20px;
    }
    
    #image-overlay {
        z-index: 100;
        top:0;
        left:0;
        position: absolute;
        background-color: black;
        background-blend-mode: darken;
        opacity: .3;
        min-width: 100%;
        min-height: 100%;  
        padding: 0 !important;
        border: 0em solid white;
        border-radius: .4em;
    }
    
    h4.card-title {
        font-weight: 400;
        font-size: 1.2em;
    }
    
    iframe {
        max-width: 100%;
    }
}
/* 
TODO: add specific CSS for iPad width and below
.quote-button{
    
}

TODO: remove padding in div.row
div.row {

}

TODO: add margin-top and margin-bottom of 1% each
for cards
div.card {
    margin-top: 1% !important;
    margin-bottom: 1% !important;
}
*/