:root {
    --brand-color: #013755;
}

.navbar {
    background-color: var(--brand-color);
}

.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

.posr {position:relative}
.posa {position:absolute}

.BtnUniv {cursor: pointer}


.footer {font-size:20px; color:#fff; background: #0b2854; padding-top:25px; padding-bottom:25px;}
.footer a {font-size:20px; color:#fff}


.body-content {    display: grid;
    column-gap: 5vw;
    row-gap: 10px;
    grid-template-columns: 65% auto;
    align-items: start;}

.last-head {font-size: 16px; color:#2d6aa0; font-weight:500}

.last-title {line-height: 1.0}
.last-title a {font-size:14px; color: #000; line-height: 1.0; font-weight: 600}
.last-grid { column-gap: 10px;; row-gap: 20px;
    display: grid; grid-template-columns: 25% auto;
}

.last-title-video a {font-size:16px; color: #000; line-height: 1.0; font-weight: 400}

.path {color:#276da1; font-size: 13px; font-weight: 300}
.path a {color:#91c4ef; font-size: 13px; font-weight: 300}

.articles-grid {
    column-gap: min(40px, 4vw); row-gap: min(40px, 4vw);
    display: grid; grid-template-columns: repeat(3, 1fr);
}
.article-box-shaddow {-webkit-box-shadow: 0px 0px 10px -1px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 0px 10px -1px rgba(66, 68, 90, 1);
box-shadow: 0px 0px 10px -1px rgba(66, 68, 90, 1); }

.article-box  { font-size:15px;   line-height:1.2; }
.article-box h2 { font-size:21px; color:#2d6aa0; font-weight:600;  line-height:1.2; }
.article-box h2 a { font-size:21px; color:#2d6aa0;    }
.article-box .article-line {    margin-top: 10px;
    margin-bottom: 14px;
    width: 60%;
    height: 2px;
    background: #ccc;
    line-height: 1;
    font-size: 1px;}


.article-first-grid {column-gap: 1.2vw; row-gap: 2vw;    display: grid; grid-template-columns:    1fr 2fr;}

.pag-page {background:#fff; border:solid 1px; padding:3px;}


@media (min-width: 100px)  and  (max-width: 726px) {
    #MenuBox {height:auto !important; min-height:80px;}
    .body-content {grid-template-columns: auto;}
    .articles-grid {grid-template-columns: auto;}
    .article-first-grid  {grid-template-columns: auto;}
}
