.container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
}

@media (min-width: 1000px) {
    .container {
	flex-direction: row;
    }

    .container > div {
	flex: 0 0 50%;
	max-width: 50%
    }
}

.left_column {
    flex: 1;
    #width: 50%;
    #background-color: #f9f9f9;
    #background-color: #e3000b;
    background-color: #730e04;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    box-sizing: border-box;
}

.right_column {
    flex: 2;
    #width: 50%;
    #background-color: #f9f9f9;
    #background-color: #e3000b;
    background-color: #730e04;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    box-sizing: border-box;
}

.big_column {
    #flex: 1;
    width: 100%;
    #background-color: #f9f9f9;
    #background-color: #e3000b;
    background-color: #730e04;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 8px;
    box-sizing: border-box;
}

.container_header {
    display: flex;
    gap: 20px;
    padding: 20px;
    align-items: center;
}


.column_header {
    width: 100%;
    background-color: #730e04;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 2px;
    box-sizing: border-box;
}

.inner_block {
    background-color: #f8f8f8;
    padding: 1em;
    border-radius: 8px;
    margin: 20px 0;
    #width: 40%;
}
		  
.left_header {
    width: 20%;
    background-color: white;
}

.middle_header {
    width: 70%;
    background-color: white;
}

.right_header {
    #width: 20%;
    background-color: white;
    vertical-align: middle;
    text-align: right;
}

.menu_table {
    font-size:25px;
    text-align: right;
    border-collapse: collapse;
}

.menu_table td {
    background-color: white;
    color: black;
    padding:10px 15px;
    position: relative;
}

.menu_table td:hover,
.menu_table td.active {
    background-color: #730e04;
    color: white;
    font-size:25px;
    text-align: right;
}

.menu_table td a {
    color: inherit;
    text-decoration: none;
}

.menu_table li {
    color: black;
    text-decoration: none;
}
#.menu_table a:link { color:black; text-decoration:none; }
#.menu_table a:visited { color:black;  text-decoration:none; }
#.menu_table a:hover { color:white; text-decoration:none;  }
#.menu_table a:active { color:white; text-decoration:none;  }

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: white;
    border: 1px solid #ccc;
    min-width: 100%;
    z-index: 1000;
    box-sizing: border-box;
    #left: 0;
    #right: auto;
    #transform: none;
}

.dropdown-menu li a {
    display: block;
    padding: 2px 3px;
    text-decoration: none;
    text-align: left;
    font-size: 0.7em;
}

.dropdown-menu .dropdown-header {
    padding: 2px 3px;
    text-align: left;
    font-size: 0.7em;
    font-style: italic;
    cursor: default;
    color: #666;
}

.dropdown-menu li a:hover {
    background: #730e04;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

body {
    #background-color: #ff424b;
    font-family: 'Open Sans',sans-serif;
}

table, th, td {
    border: 0px solid black;
    padding-left: 0px;
    padding-right: 20px;
}

.zoom {
    #width: 100px;
    transition: transform 0.2s ease;
}

.zoom:hover {
    transform: scale(2);
    z-index: 999;
    position: relative;
    background: white;
    padding: 5px;
    box-shadow: 0 0 8px rgba(0,0,03);
}