* {
    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%;
    }
    .mcBox {
        border:solid 1px darkgrey; 
        padding:5vw; 
        border-radius:5vw;
    }
    .mcRow, .mcCell1, .mcCell2 {
        display:block;
    }
    
    #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;
    }
}

@media screen and (orientation: landscape) {
    body {
        background-color: white;
        text-align:center;
    }
    #mainContentContainer {
        width:100vw;
        max-width: 1000px;
        margin:auto;
        text-align:center;
        padding:1vw;
    }
    #logo img {
        width:25vw;
        max-width:250px;
    }
    .mcBox {
        border:solid 1px white; 
        padding:10px; 
        border-radius:10px;
    }
    .mcRow {
        display:flex;
        margin:25px;
    }
    .mcCell {
        flex:1;
        padding:2vw;
    }
    .mcCellXL {
        flex:4;padding:2vw;
    }
    .mcCell2 {
        flex:1;
        text-align:center;padding:2vw;
    }
    
    .mcCell3 {
        flex:1; text-align:right;padding:2vw;
    }
    
    #top {
        display:none; position:absolute; width:50vw;
    }
    
    #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;
    }
}

#mainContent {
        text-align:left;
        
    }
    .in_link {
        text-decoration:none;
        color:black;
    }
    
    .in_link:hover {
        
        color:black;
    }