:root {
  --beige: #e4e2d1;
  --orange: #eb5829;
  --green: #44594f;
}

html { background-color: var(--green); color: var(--beige); font-family:"Gotham Rounded", sans-serif; }
#index--mid { padding: 3em; }
a { color: var(--beige); }
a:hover { color: var(--orange); }

#contact-all .back { grid-area: back; text-align: center; align-self: center; margin: 1em; }
#contact-all .logo { grid-area: logo; text-align: center; padding: 2em; }
#contact-all .logo img { max-width: 100%; }
#contact-all .address { grid-area: address; text-align: center; padding: 1em; }
#contact-all .card a { text-transform: none; }
#contact-all .card { margin: 1em; text-align: center; }
@media screen and (min-width: 850px) {
    #contact-all {
        display: grid;
        grid-template-areas: "back filler filler filler ." ". logo logo logo ." ". . address . .";
        grid-template-rows: minmax(min-content, 10rem) min-content 1.5fr;
        grid-template-columns: 1fr 250px 250px 250px 1fr;
    }
    #contact-all .filler { grid-area: filler; }
    #contact-all .card { margin: 0; }
    #contact-all .card:nth-child(2n+1) { grid-column: 2; text-align: left; padding-top: 1em; }
    #contact-all .card:nth-child(2n) { grid-column: 4; text-align: right; padding-top: 1em; }
}

input[type="submit"] { color: white; }
#login_form input[type="submit"] {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMi4wNzNtbSIgaGVpZ2h0PSI5LjQ4MjZtbSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTIuMDczIDkuNDgyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEzLjAxIC02OC45MzgpIj48ZyBzdHJva2Utd2lkdGg9Ii4yNjQ1OHB4IiBhcmlhLWxhYmVsPSItPiI+PHBhdGggZD0ibTEyMC4zNCA3OC40MnYtMi41OTA4aC03LjMzMjF2LTQuMzAxMWg3LjMzMjF2LTIuNTkwOGw0Ljc0MTMgNC43NDEzeiIgZmlsbD0iI2E2YWFhOSIvPjwvZz48L2c+PC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}
#login_form p.below {
    display: block;
    margin-top: 0.5em;
}

#login_form a {
    font-weight: bold;
    text-transform: none;
}

#login_form {
  display: grid;
  grid-template-areas: "label lbox" "below below";
  grid-template-columns: min-content 1fr auto;
  padding-left: 0;
  width: fit-content;
}
#login_form label[for="id_password"] { grid-area: label; margin-right: 0.5em; align-self: center; }
#login_box { grid-area: lbox; box-shadow: 0 1px 3px 2px black; 
    display: grid;
    grid-template-areas: "input submit";
    grid-template-columns: auto min-content;
}
#login_form input#id_password { grid-area: input; min-width: 3em; }
#login_form input[type="submit"] { grid-area: submit; }
#login_form .below { grid-area: below; white-space: nowrap; }
#login_errors ul { margin: 0 0 0.5em 0; padding: 0; list-style: none; }
#login_errors ul li { margin: 0; }

.login-wrapper { display: grid; grid-template-areas: "." "."; width: fit-content; margin: auto; }
@media screen and (min-width: 600px) { .login-wrapper { margin-left: 3em; } }

#grid a { color: var(--beige); }
#grid .item .vid-desc { color: var(--beige); }
#grid .dl-list a:hover { color: var(--orange); }
ul#directors { font-weight: normal; }

body.site-tge #leftblock .back img { width: 90%; display: inline-block; margin-top: 3em; margin-bottom: 0; }
#leftblock h1 { font-weight: normal; margin-top: 1em; margin-bottom: 1em; }
@media screen and (min-width: 850px) {
    body.site-tge .content--text { margin-right: 2em; }
}
@media screen and (min-width: 450px) {
    .content--text { padding: 4.4em 0 0 0; }
}
body.site-tge .textblock { font-size: 100%; }
.logo-textblock {
    margin-top: 1em;
    text-align: justify;
}

#leftblock .photo {
    max-width: 100%;
    margin-bottom: 1em;
}
#leftblock .photo img {
    max-width: 100%;
}