
body{
    font-family: 'Gotham';
    font-weight: 500;
    font-style: normal;
}
.holderLogo{
    text-align: center;
    padding-top: 24px;
}
/*
.flex-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 30px;
    text-align: center;
}

.flex-item-left {
    background-color: #f1f1f1;
    padding: 10px;
    flex: 50%;
    height: auto;
    display: block;
}

.flex-item-right {
    background-color: dodgerblue;
    padding: 10px;
    flex: 50%;
}
  
@media (max-width: 800px) {
    .flex-item-right{
        order: -1; 
    }
    
    .flex-item-right, .flex-item-left {
      flex: 100%;
    }
    
}
*/

.container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5em;
    max-width: 1300px;
    margin: 0 auto;
    
    
}
h1.title,
h2.sub-title{
    padding-top: 12px;
    padding-bottom: 12px;
}
h1.title .setContent{
    background: #0F894E;
    color: #fff;
    padding: 9px;
    text-align: left;
    font-size: 29px;
    text-transform: uppercase;
    font-weight: 300;
}
h2.sub-title .setContent{
    background: #5BB953;
    color: #fff;
    padding: 9px;
    text-align: left;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}

.address a,
.address{
    padding-top: 50px;
    color: #04482B;
    font-size: 19px;
    max-width: 520px;
}

.address h3{
    font-size: 21px;
    padding-bottom: 18px;
    text-transform: uppercase;
    font-weight: 300;
}

.elemDesktop{
    display: block;
}
.elemMobile{
    display: none;
}
footer{
    background: #04482B;
    color: #fff;
    padding: 40px;
    text-align: center;
    font-size: 21px;
}
/* non-essential decorative styles */
#a  {  text-align: center;}
#a img{padding-top: 20px; padding-bottom: 16px;}
#b  {  }
#a, #b { display: flex; align-items: center; justify-content: center; height: calc(100vh - 244px); padding: 15px; }

#c{
    grid-column-start: 1;
    grid-column-end: -1;
}
  
@media ( max-width: 990px) {
    .elemDesktop{
        display: none;
    }
    .elemMobile{
        display: block;
    }
    .container {
      grid-template-columns: 1fr;
      
    }
    #b {
      grid-row: 1;
    }

    #a, #b {  height: auto !important; }
}

@media ( max-width: 768px) {
    
    .sub-title .setContent{
        display: inline-block;
        width: 100%;
    }
    h1.title .setContent{
        font-size: 25px;
    }
    h2.sub-title .setContent{
        text-align: center;
        font-size: 13px;
        padding: 9px 7px !important;
    }
}
  