@font-face {
    font-family: "notoSans_med";
    src: url("../fonts/NotoSans-Medium.ttf");
}
body{
    font-family: notoSans_med;
    background-image: none;
    background-color:#174463;
    color: white;
}

#main_box{
    margin:30px 0 0 20%;
    /*position:relative;
    top:30px;*/
}

#menu_grid{
    display: grid;
    grid-gap: 0;
    grid-template-columns: [col1-start] 35%  [col2-start] 100px  [col3-start] auto[col3-end];
    grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row4-start] auto [row5-start] 100px [row6-start] auto [row6-end];
}
h1{

}
.menu_box{
    padding-top:0px;
    grid-column: col1-start;
    min-height:70px;
    max-height:70px;
    /*min-width:300px;
    max-width:300px;*/
    border: solid #a89be1;
    border-width:0 0 5px 0;
    position:relative;
    background: linear-gradient(45deg, #a89be1 0% 48px, rgba(0,0,0,0) 48px 100%);
    margin-top:30px;

}
.menu_box span{
    font-size:45px;
    position: absolute;
    bottom: -12px; left: 25px;
    font-weight:bold;
}
.selected_box{
    border: solid #de6f1b;
    border-width:0 0 5px 0;
    background: linear-gradient(45deg, #de6f1b 0% 50px, rgba(0,0,0,0) 50px 100%);
    cursor:pointer;
}
#menu_RE{
 grid-row: row1-start ;
}
#menu_TL{
 grid-row: row2-start ;
}
#menu_VJ{
 grid-row: row3-start ;
}
#menu_Z{
 grid-row: row4-start ;
}
#bottom_container{
    grid-row: row6-start ;
}
#line_down_container2{
    /*background-color:blue;*/
    grid-row: row1-start / row6-start;
    grid-column: col3-start;
}
#remainder_space{
    /*background-color:purple;*/
    grid-row: row2-start / row6-start;
    grid-column: col3-start;
}
#menu_description{
    display:none;
    max-width:300px;
    padding:20px;
    border: dashed 6px #ff6700 ;
    margin-right: 20px;
    position:relative;
}

#line_down_container{
    padding-top:0px;
    height:320px;
    position:relative;
    top: -5px;
    grid-row: row2-start / row6-start;
    grid-column: col2-start;
   /*background-color:green;*/
    border: solid #a89be1;
    border-width: 0 0 0 5px;
}

#line_down{
    padding-top:0px;
    /*display:none;*/
    position:relative;
    left: -5px;
    border: solid #a89be1;
    border-width: 0 0 5px 5px;
    height:205px;
    top: 160px;
    /*background-color:yellow;*/
}
#line_down2{
    padding-top:0px;
    /*display:none;*/
    position:relative;
    left: -5px;
    border: solid #a89be1;
    border-width:  5px 5px 0 0 ;
    height:50px;
    width:100px;
    top:465px;
    /*background-color:yellow;*/
}

.active_line{
    border-color: #de6f1b !important;
}

#bottom_container{
    /*background-color:red;*/
    grid-column: col3-start ;

}
#signature{
    position:relative;
    left:50px;
}
@media (max-width: 1800px) {
    #main_box{
        margin:30px 0 0 10%;
    }

}
@media (max-width: 1400px) {
    #menu_grid{
        grid-template-columns: [col1-start] 50%  [col2-start] 100px  [col3-start] auto[col3-end];
    }
    .menu_box span{
        font-size:35px;
        bottom: -9px; left: 25px;
    }

    #main_box{
        margin:30px 0 0 5%;
    }
}