:root {
    --brand-yellow: #e8f1f5;
    --brand-light-yellow: #fafafa;
    --brand-blue: #004a7c;
    --brand-light-blue:  #e8f1f5;
    --brand-dark-gray: #595959;
}    
body {color: var(--brand-dark-gray); font-size: 16px; line-height: 1.6}
h1,h2,h3,h4,h5,h6 {font-family: 'Roboto Condensed';color: var(--brand-blue)}
h1 {margin-bottom: 30px;}
p {text-align: justify;}
a {text-decoration: none; color: var(--brand-blue)}
a:hover {color: var(--brand-dark-gray)}
header {background: var(--brand-blue); color: var(--brand-light-blue)}
.breadcrumbBg {background: var(--brand-light-blue)}
.breadcrumbBg a:hover {color: white}
.breadcrumbBg ol {margin: 0; padding-left: 0}
.contentWrap {padding-top: 30px;padding-bottom: 30px;}
.logo h1 {margin: 5px 0 ; color: var(--brand-light-blue)}
h1 span {font-size: 2rem;}
@media (max-width: 1200px) {
    h1 span {font-size: calc(1.325rem + 0.9vw);}
}
.com-content-category-blog__item.blog-item {display: flex; flex-wrap: wrap; justify-content: flex-end}
.com-content-category-blog__item.blog-item figure {width: 25%; margin-right: 30px}
.com-content-category-blog__item.blog-item figure figcaption {display: none}
.com-content-category-blog__item.blog-item figure img {width: 100%}
.com-content-category-blog__item.blog-item .item-content {width: calc(75% - 30px)}
@media (max-width: 640px) {
	.com-content-category-blog__item.blog-item figure{width: 100%}
	.com-content-category-blog__item.blog-item .item-content {width: 100%}
}
.com-content-article__body .row .image img {width: 100%}

.fa {padding-right: 5px;}
#top .top p {display: flex; flex-direction: column; align-items: flex-end; font-size: smaller; line-height: 16px;margin: 5px 0;}
#top .top a {color: var(--brand-light-blue);}
#footer {padding: 30px 0; background: var(--brand-blue); color: var(--brand-light-blue)}
#footer a { color: var(--brand-light-blue); text-decoration: none; display: inline-block; padding: 10px;}
.hasabok {display: flex;flex-wrap: wrap; margin: 30px 0;border-radius: 10px; overflow: hidden}
.hasabok.harom > div {width: 33.33%; padding: 30px}
.hasabok.ketto > div {width: 50%; padding: 30px}
.hasabok.harom > div:nth-child(1), .hasabok.harom > div:nth-child(3) {background-color: var(--brand-yellow);}
.hasabok.harom > div:nth-child(2) {background-color: var(--brand-light-yellow);}
.hasabok.ketto > div:nth-child(1), .hasabok.harom > div:nth-child(3) {background-color: var(--brand-yellow);}
.hasabok.ketto > div:nth-child(2) {background-color: var(--brand-light-yellow);}

.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {background: transparent !important; width: 30px !important; padding: 0 !important;}
.dj-mobile-open-btn:before {content: " "; display: block; width: 22px; height: 2px; background: var(--brand-light-blue); margin-bottom: 7px}
.dj-mobile-open-btn:after {content: " "; display: block; width: 30px; height: 2px; background: var(--brand-light-blue); }
#dj-megamenu110mobile:before {content: " "; display: block; width: 30px; height: 2px; background: var(--brand-light-blue);}
.content-top-wrapper {margin-top: 30px;}
.dj-megamenu-default li a.dj-up_a {padding: 0 10px !important}
#navigation .col {padding: 0 !important}
.dj-offcanvas-close-btn:before {content: " "; display: block; width: 22px; height: 2px; background: var(--brand-light-blue); transform:rotate(-45deg); position: absolute; right: 5px; top: 12px;}
.dj-offcanvas-close-btn:after {content: " "; display: block; width: 22px; height: 2px; background: var(--brand-light-blue); transform:rotate(45deg); position: absolute; right: 5px; top: 12px; }

.sigFreeContainer.sigFreeClassic {display: flex; flex-wrap: wrap; justify-content: center;}

@media (max-width: 767px) {
    .hasabok.harom > div {width: 100%;}
}
@media (max-width: 576px) {
    .hasabok.ketto > div {width: 100%; }
}