* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
}

body {
    background-color: #eee;
    color: #4e4544;
    font: normal 16px sans-serif;
}

/* Page Layout */

.container{
    max-width: 1200px;
    background-color: #fff;
    margin: 0 auto;
    padding: 0 60px;

    display: flex;
    flex-direction: column;
}

/* Header */

header{
    color: #ef5350;
    padding: 20px 0;
    margin-bottom: 20px;

    display: flex;
    justify-content: space-between;
}

header nav {
    list-style: none;
    
    display: flex;
    align-items: baseline;
}

header nav li {
    margin-right: 15px;
}

header button {
    background-color: #ef5350;
    border: none;
    padding: 8px 25px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

/* Main Section */

.main-and-sidebar-wrapper {
    display: flex;
}

.main {
    text-align: center;
    margin-right: 60px;
    
    flex: 3;
}

.main h2 {
    font-size: 32px;
    margin-bottom: 55px;
}

.main p {
    margin-bottom: 50px;
}

/*.main img {
    width: 100%;
}   */

/* Sidebar */

.sidebar {
    border: 1px solid #a2a2a2;
    padding: 2px;
    height: 500px;    /* Высота блока */
    overflow: auto; /* Добавляем полосы прокрутки */
    flex: 1;
}

/* Footer */

footer { color: #ef5350; text-align: center; padding: 20px 0; margin-top: 60px;  }

.mainname     { FONT-SIZE: 18px; COLOR: Blue; FONT-FAMILY: Verdana; TEXT-ALIGN: center}


@media (max-width: 600px) 
{
    .main-and-sidebar-wrapper {
        flex-direction: column;
    }
.container {
           padding: 0 16px;
           }

.header { 
        margin-bottom: 20px;
        }

    .main {
        margin-right: 0;
        margin-bottom: 20px;
    }

.sidebar {  
            height: 150px;    /* Высота блока */
            overflow: auto; /* Добавляем полосы прокрутки */
         }

.mainname     { font-size: 12px; color: DarkGreen; font-family: Verdana; text-align: center; background: #00DDDD; }

}

.stattable {  border-collapse: collapse;                          /* Убираем двойные линии между ячейками */
              width: 60%;                                                /* Ширина таблицы */
              border: 2px solid gray;
              FONT-SIZE: 12px; COLOR: #265062; FONT-FAMILY: Verdana;
              //background-image: url(bg-light-4853.png);
           }
.stattable td, th { padding-left: 4px;
                    border: 1px solid gray; }

/* DU */
.nomarker   { list-style:none; padding: 0px; margin-left: 10px; margin-right: 10px;}
.newsdate   { font-size: 8pt; font-style: italic; COLOR: #0000A0; TEXT-ALIGN: center; }
.ari10     { FONT-SIZE: 10px; COLOR: #265062; FONT-FAMILY: Arial; }
.ari10bold { FONT-SIZE: 10px; COLOR: #265062; FONT-FAMILY: Arial; FONT-WEIGHT: bold; }

.leftlineul   {  border-left: 2px solid #ccc;         /* Параметры линии */ 
                 margin-left: 20px;                   /* Отступ слева */
                 padding-left: 10px;                  /* Расстояние от линии до текста */
                 list-style: none;                    /* Без маркера */
                 margin-top: 10px;                    /* Отступ сверху от пред. элемента */
                 margin-bottom: 10px;                 /* Отступ снизу до след. элемента */
              } 

/* ******** Стили, используемые в каталоге монет */
   table.catalog { 
                 border: 0;
                 padding: 4px; /* Поля вокруг текста */ 
                 }
   table.catalog td.center18   {  text-align: center; font-family: 'Lora', Tahoma, Arial, sans-serif; font-size: 18px;   }
   table.catalog td.left18     {  text-align: left;   font-family: 'Lora', Tahoma, Arial, sans-serif; font-size: 18px;   }
   table.catalog td.justify22  { text-align: justify; font-family: 'PT Sans', sans-serif; font-size: 22px; padding: 15px; }
   table.catalog td.justify16  { text-align: justify; font-family: 'PT Sans', sans-serif; font-size: 16px; padding: 15px; } 
   table.catalog td.justify14  { text-align: justify; font-family: 'PT Sans', sans-serif; font-size: 14px; padding: 15px; } 
   table.catalog td.left16  { text-align: left; font-family: 'PT Sans', sans-serif; font-size: 16px; padding: 15px; }
   
.preamble   { text-align: justify; COLOR: #2F4F4F;}
/* ********************************************* */