body, html { background-color: #CCC; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 0px; min-height: 100%; overflow-x: hidden; padding: 0px; }
a:hover, a:focus { transition: .2s; text-decoration: none; }
.container { padding: 0; }
h1,h2,h3,h4,h5,h6 { margin: 0; }
h2 {display: block; font-size: 3rem; font-weight: 600;}
h3 {color: #000; font-size: 2rem; margin-bottom: 20px; font-weight: 600; }
h4 {color: #ce0e2d; font-size: 1.5rem; font-weight: 600; margin-bottom: 10px;}
p { margin-bottom: 20px; font-size: 1rem; color: #000;}
ul { padding-left: 15px; margin-bottom: 25px;}
ul li {margin-bottom: 0.5rem; color: #000; font-size: 1rem;}
/* hr { border-bottom: 5px solid #ce0e2d; } */
a { color:#1f8bb6; transition: background-color .2s, color .2s; }
.button { background-color: #ce0e2d; border-radius: 14px; border: 0; color: #fff; display: inline-block; letter-spacing: .05em; margin-top: 12px; padding: 4px 16px; transition: background-color .2s; }
.button:hover { background-color: #6a6a6a; color: #fff; }
.button:focus { color: #fff; }
p em {font-size: 16px; color: #333; font-weight: light;}


/* MODAL */
.modal .close {font-size: 40px;}
.modal-dialog { width: 80%;}
.modal-body { height: auto; overflow: auto; padding-bottom: 0;}
.modal-content {border-radius: 20px; overflow: hidden; top: 25px;}
.welcome-modal .rtd-logo {display: block; max-width: 400px; margin: auto;}
.welcome-modal h2{background-color: transparent; padding: 0; color: #ce0e2d; margin-bottom: 10px; text-align: center; font-size: 3.5rem; font-weight: 600;}
.welcome-modal h3 {color: #000; text-align: center; font-size: 2rem; margin-bottom: 30px;}
.welcome-modal .welcome-modal-copy {font-size: 1.25rem; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
.modal-body {text-align: center; border-top: none; margin-top: 0; margin-bottom: 50px;}
.welcome-modal .modal-body .btn {background-color: #ce0e2d;color: #FFF;padding: 16px 22px;font-size: 1.563rem;border-radius: 10px;transition: filter 150ms ease-in-out;white-space: normal; }
.welcome-modal .modal-body .btn a {color: #FFF;}
.welcome-modal .modal-body .btn:hover {filter: brightness(80%);}





@media screen and (max-width: 640px) {
    h1 { left: 2%; margin: 8px 0; top: 44px; width: 95%; }
    h2 { font-size: 2em;}
    h3 {font-size: 1.5rem;}
    h4 {font-size: 1.25rem;}
    p {font-size: 1rem; }
    ul li { font-size: 1rem; }


    .modal-dialog { width: 95%;}
    .comment-map { height: 500px;}


}

@media screen and (max-width: 530px) {
    #slides > div { bottom: 56px; }
    
    #nav-progress { height: 38px; }
    #nav-progress a { border-right: 1px solid #aaa; line-height: 44px; width: 50%; }
    #nav-progress a:last-of-type { border: 0; }
    #nav-progress a i { font-size: 1.5em; }
    #nav-progress ul { display: none; }

    #lightbox img { width: 400%; }
    #mainArea ul.links {top: 8%; right: 27%;}
    .wg-default, .wg-default .country-selector {top: 0; right: 155px!important; position: fixed; }
    .wg-drop.country-selector .wgcurrent {border: none!important; font-weight: bold; padding-top: 7px;}
    .wg-drop.country-selector ul {background-color: transparent!important; border: none!important; }
    .country-selector .wg-li {font-size: 14px!important;}
    .wg-default .wg-drop.country-selector a {font-size: 14px!important; height: 25px;}

    .pss-item ul {list-style-type: none;}
    strong.red {text-align: center; display: block;}

    .comment-map {height: 800px;}
    img.logo {width: 100%;}
    
    #contact {z-index: 5;}
}