body {
   font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
/*  background: #0a3542;
    background-color: #0a3542; */
    background-color: #003300;
    color: #e2c076;
}
/* #introduction {
     background: linear-gradient(#0a3542, rgba(10, 53, 66, 0.9) 40%, rgba(10, 53, 66, 0.2), #0a3542),
     url("../imgs/landscape_3.jpg") 0% 0%/cover;
     width: 100%;
     height: 26.5em;
 } */

#introduction {
    background: linear-gradient(#0a3542, rgba(10, 53, 66, 0.4) 20%, rgba(10, 53, 66, 0.2), #0a3542),
    url("../imgs/kreml.jpg") 0% 0%/cover;
    width: 100%;
    height: 26.5em;
}

h1 {
    font-size: 24px
}

@media (min-width: 320px) {
    h1 {
        font-size: calc(1.5rem + 6 * (100vw — 320px) / 880);
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 38px;
    }
}

h2 {
    font-size: 18px
}

@media (min-width: 320px) {
    h2 {
        font-size: calc(1.5rem + 6 * (100vw — 320px) / 1200);
    }
}

@media (min-width: 1200px) {
    h2 {
        font-size: 30px;
    }
}

.h4-line {
    text-decoration: underline;
}


.img-gerb {
    width: 30%;
}

 fieldset {
     background: rgba(0, 51, 51, 0.7);
     border: solid 4px #e2c076;
     -moz-border-radius: 2rem;
     -webkit-border-radius: 2rem;
     border-radius: 2rem;
 }
 fieldset legend {
     text-align: inherit;
 }

.banner .banner-img {
    position: absolute;
    top: 10em;
    /* bottom: 10.5em; */
    right: 1%;
}


.banner .banner-konfid {
    position: absolute;
    /* top: 1em; */
    bottom: 20.5em;
    right: 15%; }

.bg-darkblue {
    /* background-color: #0a3542; } */
    background-color: #0a3542;
}

.bg-gold-lg {
    background: #ffffec;
}

 .fnt-1 {
     font-family: 'Roboto Condensed', sans-serif;
     color: #e2c076;
     /* background: rgba(10, 53, 66, .5);
     font-size: 18px; */
 }
 .fnt-2 {
     font-family: 'Lora', serif;
     color: #e2c076;
 }
 .fnt-3 {
     /* font-family: 'Lora', serif;
     font-family: 'Roboto', sans-serif; */
     font-family: 'Montserrat', sans-serif;
     font-size: 24px;
     background: rgba(10, 53, 66, .5);
     color: #e2c076;
 }

.fnt-4 {
    color: #000000;
}

 .img-rusgerb {
position: relative;
top: 3.5em;
right: 5%;
}
section#blk-6 {
    font-family: 'Lora', serif;
    background-color: #EEE8AA;
    color: #0A3542;
}

section#line-6-2 {
    font-family: 'Lora', serif;
    /*background-color: #EEE8AA;
    color: #0A3542; */
    color: #e2c076;
}

.hr-double {
    margin: 20px 0;
    padding: 0;
    height: 2px;
    border: none;
    border-top: 1px solid #e2c076;
    border-bottom: 1px solid #e2c076;
}

.hr-doublhght {
    margin: 20px 0;
    padding: 0;
    height: 4px;
    border: none;
    border-top: 1px solid #e2c076;
    border-bottom: 1px solid #e2c076;
}

.h2-gold {
    color: #e2c076; }

.h5-gold {
    color: #e2c076;
}

 .end {
     min-height: 650px;
     background: linear-gradient(90deg, black, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.3)),
     url("../imgs/people_free.jpg") no-repeat center center/cover;
     color: #E2C076;
     /* 21px @ 320px increasing to 54px @ 1200px */
     /* Prevent font scaling beyond this breakpoint */ }
 @media (max-width: 576px) {
     .end {
         min-height: 380px; } }
 .end .container {
     min-height: inherit; }
 .end .container .row {
     min-height: inherit; }
 .end h2 {
     font-size: 21px; }
 @media (min-width: 320px) {
     .end h2 {
         font-size: calc(1.3125rem + ((1vw - 3.2px) * 3.75));
         /* Where: * 3.75 = 100 * font_Size_Difference / viewport_Width_Difference */ } }
 @media (min-width: 1200px) {
     .end h2 {
         font-size: 54px; } }

.footer-end {
    background-color: #424d57;
    color: #ffffff;
}
.footer-end h5 {
    margin: .5rem 0;
    color: #ffffff;
}