/* unique CSS */
body {color: #231f20;}
h1, h2, h3, h4, p { position: relative;}

h1, h2, h3, h4 {
    font-weight: 400;
    font-family: 'Arial Black', sans-serif;
}

.row-separador-menu { display: none; }

.header-section{ 
    background-image: url(images/masthead.jpg);
    background-position: bottom center; background-repeat: no-repeat; background-size: contain; width: 100%; display: none; min-height: 200px; background-color: #f7f7f7;
}

@media screen and (min-width:600px){
.header-section{ background-image: url(images/masthead-2x.jpg); background-position: bottom center; background-repeat: no-repeat; background-size: 940px auto ;width: 100%; display: none; min-height:375px; background-color:#f7f7f7;}
}

@media screen and (min-width: 600px) {
   .row-separador-menu { display: block; }
}

@media screen and (min-width: 640px) {
.row.row-flex { display: flex; margin: 0 auto; flex-direction: row; }
}    

.white-section {
    background: #fff;
    padding: 30px;
}
.blue-section {
    background: #4689c8;
    padding: 30px;
    color: #fff;
}
.blue-section h3 { color: #fff; }
.blue-section p { color: #fff; }
.blue-section a { color: #fff; font-weight:700; }
.blue-section a:hover { color: #fff; text-decoration: underline;}

.dark-blue-section {
    background: #1d396d;
    padding: 30px;
    color: #fff;
}
.dark-blue-section h3 { color: #fff; }
.dark-blue-section p { color: #fff; }
.dark-blue-section a { color: #fff; font-weight:700; }
.dark-blue-section a:hover { color: #fff; text-decoration: underline;}


h1, h2 {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: normal;
    color: #1d396d;
}

h1 {margin-bottom: 20px;}
h2 {margin-bottom: 0;}


h3 {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 0px;
    color: #1d396d;
}



p {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 1rem;
    letter-spacing: 0px;
}
p.intro {
    font-family: 'Arial', sans-serif;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 1rem;
    letter-spacing: 0px;
}



#footer {
    margin-right: auto;
    margin-left: auto;
}

ul.gt { list-style: none; margin-left: 0; width: 98%;}
ul.gt li { padding-left: 18px; text-indent: -20px; font-size: 16px; font-weight: 400;}
ul.gt li:before { content: "> "; line-height: 1; padding-right: 5px; }


@media screen and (min-width: 600px) {

    .dark-blue-section { padding: 30px 40px 20px;    }
    .blue-section { padding: 30px 30px 20px;    }
    .white-section { padding: 30px 30px 20px;    }
}