/* You can add global styles to this file, and also import other style files */
body {
    text-align: justify;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 70px;
    font-family: 'Merriweather Sans', sans-serif;
    font-family: 'Cabin', sans-serif;
    font-size: 18px;
    line-height: 150%;
    background-color: white;
}
h1{
    font-size: 2em;
}
h2{
    font-size: 2em;
}
h4{
    font-size: 1.5em;
}
h5{
    font-size: 1.3em;
}

/*.jumbotron {*/
/*background:;  !* fallback for old browsers *!*/
/*}*/

#map {
    height: 500px;
}

.bordered{
    border: double black 4px;
}

#inspection_map {
    height: 600px;
    width: 1000px;
    border-style: double;
}

.navbar-header .navbar-brand>a {
    color: white;
}

.navbar .nav>li>a, .navbar .nav>li>a, .navbar .nav>li.current-menu-item>a, .navbar .nav>li.current-menu-ancestor>a {
    color: white;
    background: #003399;
    font-size: 16px;
}

/* Adjust Menu colors - Active */

.navbar .nav>li.current-menu-item>a, .navbar .nav>li.current-menu-ancestor>a {
    color: #000000;
    text-shadow: none;
}

/* Adjust dropdown Menu items (blue) text color, (yellow) shading and (green) border */

.dropdown-menu>li>a {
    color: white;
    background: #003399;
    font-size: 14px;
}

/* Remove the Hover/Focus Colors  */

.navbar .nav>li.current-menu-item>a, .navbar .nav>li.current-menu-ancestor>a, .navbar .nav>li>a:hover, .navbar .nav>li>a:focus {
    color: #003399;
    background: #efefef;
}

ul.dropdown-menu li a:hover {
    color: #003399;
    background: #efefef;
}

i.white {
    color: white;
}

img.center {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p.intro {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    margin-left: auto;
    margin-right: auto;
}

.white {
    color: white;
}

.contact-display {
    margin: 5px auto;
    max-width: 300px;
    box-sizing: border-box;
    padding: 20px;
    min-height: 100px;
    background-color: whitesmoke;
}


.address-display {
    margin: 5px auto;
    padding: 5px;
    min-height: 120px;
    max-width: 500px;
}

.card {
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card.hoverable:hover {
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.14), 0 4px 8px -1px rgba(0, 0, 0, 0.12);
}

.contact-display a{
    font-size: 16px;
}

.card.card-strong {
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 0 rgba(0, 0, 0, 0.14), 0 4px 8px -1px rgba(0, 0, 0, 0.12);
}

.card.card-strong.hoverable:hover {
    box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.2), 0 4px 16px 0 rgba(0, 0, 0, 0.14), 0 8px 16px -2px rgba(0, 0, 0, 0.12);
}

img .servicios{
    max-width: 90%;
    padding: 5%;
}

.name{
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 100%;
}

.constrained{
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 70%;
}

.transp{
    mix-blend-mode: multiply;
}

.white-smoke{
     background-color: whitesmoke;
 }

.height-square{

     height: 300px;
 }

.padded-top{
    padding-top: 20px;
    padding-bottom: 20px;
}

div.height-logo{
     height: 200px;
}

img.clients{
    padding:15px;
}

.container .clients{
    background-color: whitesmoke;
}