/* 
Для того чтобы сформировать красную строку, проще всего использовать стилевое свойство
text-indent
Его значение определяет насколько сдвинуть текст первой строки вправо от исходного положения. Ширина текстового блока при этом не меняется и остается заданной изначально. */

* {
  padding: 0;
  margin: 0;
  font-family: sans-serif;
}

:root { 
  --imr-light-blue: #2968a4;
  --imr-light-blue50: #9acbfa;
  --imr-blue: #353972;
  --imr-gray: #8e9193;
  --imr-gray50: #8e91937a;
  --imr-bg-white: #ffffff;
}

body {
  /* min-height: 1580px; */
  min-height: 100vh;
  background: var(--imr-bg-white);
  color: var(--imr-blue);
}

ul, ol {
  padding-left: 2rem;
}

section {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.leftbar {
  grid-column: 1/3;
}

.container {
  padding: 1rem;
  grid-column: 3/11;
}

.rightbar {
  grid-column: 11/13;
}

.news_anons {
  padding: 1rem;
  margin: 1rem;
  border-style: solid;
  border-width: 0.2rem;
  border-color: var(--imr-light-blue);
  border-radius: 1rem;
  box-shadow: 0 10px 15px var(--imr-blue);
}

.news_anons legend {
  font-size: 80%;
}

.news_anons td {
  border-style: solid;
  border-width: 0.1rem;
  border-color: var(--imr-gray);
  /* border-radius: 1rem; */
}

.title-light {
  text-shadow: 1px 1px 1px var(--imr-light-blue);
}

.title-dark {
  /* color: var(--imr-blue); */
  text-shadow: 1px 1px 1px var(--imr-blue);
}

.txt-ident {
  text-indent: 1.5rem;
}

@media (max-width: 1300px) {
  .leftbar {
    grid-column: 1/4;
  }

  .container {
    padding: 1rem;
    grid-column: 4/10;
  }

  .rightbar {
    grid-column: 10/13;
  }
}

@media (max-width: 1000px) {
  .leftbar {
    grid-column: 1/4;
  }

  .container {
    padding: 1rem;
    grid-column: 4/10;
  }

  .rightbar {
    grid-column: 10/13;
  }
}

@media (max-width: 700px) {
  .leftbar {
    display: block;
    /* grid-column: 1/3; */
  }

  .container {
    padding: 1rem;
    display: block;
    /* grid-column: 3/11; */
  }

  .rightbar {
    display: block;
    /* grid-column: 11/13; */
  }
}

footer {
  display: block;
  color: #ffffff;
  background-color: var(--imr-light-blue);
  padding: 1rem;
  text-align: center;
  text-shadow: 1px 1px 1px var(--imr-blue);
}

.reclama {
  margin: 1em;
}

/* 
@media (max-width: 1300px) {
    }
@media (max-width: 1000px) {
}
@media (max-width: 700px) {
}
*/