body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
}
.header {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
     background-color: #d8bf13;
     padding: 5px 15px;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-flow: row wrap;
             flex-flow: row wrap;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
}
.header_left {
    -webkit-box-flex: 0.8;
        -ms-flex-positive: 0.8;
            flex-grow: 0.8;
}
.header_right {
    -webkit-box-flex: 0.2;
        -ms-flex-positive: 0.2;
            flex-grow: 0.2;    
}
.header_right_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header_right_menu a {
    text-decoration: none;
    color: black;
} 
.main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-height: 100%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: center;
} 
.main_section {
    -webkit-box-flex: 2;
        -ms-flex: 2 2 auto;
            flex: 2 2 auto;
    padding: 15px 5px;
}
.main_section_product {
    padding: 15px 5px;
}

.main_section_product>h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2em;
}
.main_section_product_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding: 5px;
}
.main_section_product_list_item  {
    width: 32%;
    border: 1px solid grey;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;  
    -webkit-box-align: center;  
        -ms-flex-align: center;  
            align-items: center;
}
.main_section_product_list_item_wrap {
    flex-grow: 1;
}
.main_section_product_list_item img {
    border-radius: 50%;
    border: 5px solid #cdbfbf;
    width: 4em;
    height: 4em;
    -webkit-transition: border 200ms linear;
    -o-transition: border 200ms linear;
    transition: border 200ms linear;
}
.main_section_product_list_item:hover img {
    border: 5px solid red;
}
.main_section_product_list_item h2 {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 5px;
}
.main_section_product_list_item p {
    margin: 5px 0;
}
.main_section_product_list_item a {
    text-decoration: none;
    border-radius: 15px;
    color: white;
    padding: 5px 15px;
    background-color: #735b7f;
    margin: 5px 0;
    -webkit-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}
.main_section_product_list_item a:hover {
    background-color: #53425b;
}
.main_section_holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    border: 2px solid black;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;

}
.main_section_item {
    padding:5% 0;
}
.main_section_holder div:nth-child(1) {
    background-color: #fc644d;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 5;
        -ms-flex: 5 1 50%;
            flex: 5 1 50%;
    
}
.main_section_holder div:nth-child(2) {
    background-color: #4983b2;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.main_section_holder div:nth-child(3) {
    background-color: #653797;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.main_section_holder div:nth-child(4) {
    background-color: #0f7f12;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.main_section_holder div:nth-child(5) {
    background-color: #fda429;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 5;
        -ms-flex: 5 1 50%;
            flex: 5 1 50%;
}
.main_aside {
    padding: 5px 15px;
    min-width: 210px;
} 
.main_aside-left {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    background-color: #cea2c0;
}
.main_aside-right {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    background-color: #a6b9ce;
}             
.footer {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    background-color: #90ee90;
    text-align: center;
    padding: 10px;
}