* {
    font-family: helvetia, verdana, calibri, sans-serif;
}
#top_menu {
    text-align: left;
    position:relative;
}
td {
    vertical-align: top;
}
.burger {
    display:block; text-align:center; cursor:pointer; width: 30px; height: 30px; font-size: 20px; line-height: 30px; font-weight: bold; border: solid 1px black;
}
@media screen and (orientation: portrait) {
    body {
        background-color: white;
        
    }
    #mainContentContainer {
        padding:5vw;
    }
    #logo img {
        width:100%;
    }
    .wbt_row {
        
        padding:5vw; 
        
    }
    .wbt_col_left {
        padding:5px ;
    }
    
    .wbt_col_right {
        padding:5px ; text-align:right;
    }
    
    #top {
        display:none; position:absolute; width:100vw;
    }
    
    #top .top_item {
        background-color: rgb(245,245,245); display:block; width:50%; border-bottom:dotted 1px darkgrey;
    }
    
    #top .top_item a {
        display:block; width:100%; height:100%; padding:10px 20px; text-decoration:none; color:black;
    }
    #std_menu {
        display:none;
    }
}

@media screen and (orientation: landscape) {
    body {
        background-color: white;
        text-align:center;
    }
    #mainContentContainer {
        width:100vw;
        max-width: 1000px;
        margin:auto;
        text-align:left;
        padding:1vw;
    }
    #logo img {
        width:25vw;
        max-width:250px;
    }
    #mobile_menu {
        display:none;
    }
    .wbt_row {
        display:flex; width:100%; 
    }
    .wbt_col_left {
        flex:2; padding:5px 20px;
    }
    
    .wbt_col_right {
        flex:1; padding:5px 20px; text-align:right;
    }
    
    
    #top {
        display:flex; position:absolute; width:50vw;
    }
    
    #top .std_top_item {
        background-color: rgb(245,245,245); flex:1; border-bottom:dotted 1px darkgrey; margin:3px;
    }
    #top .std_top_item:last-child {
        background-color: rgb(245,245,245); flex:2; border-bottom:dotted 1px darkgrey; margin:3px;
    }
    #top .std_top_item a {
        
        display:block; width:100%; height:100%; padding:5px 10px; text-decoration:none; color:black; box-sizing: border-box;
    }
    #top .std_top_item a:hover {
        color:darkred; box-sizing: border-box; background-color: rgb(215,215,215); 
    }
    
}

#mainContent {
        text-align:left;
        
    }
    .in_link {
        text-decoration:none;
        color:darkgrey;
    }
    
    .in_link:hover {
        
        color:black;
    }
    .hanging {
        text-indent: -20px;
        margin: 0 0 0 40px;
    }  
    
    .wbt_box {
        padding:20px;
    }