@font-face {
    font-family: glimmer of light;
    src: url("img/glimmer of light.otf");
}
@media screen and (max-width:810px), (orientation:portrait){
    .container {
        display: flex !important;
        position: relative !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        overflow-y: scroll;
        height: 160px;
    }
    ::-webkit-scrollbar {
        width: 7px;
        background-color: rgb(54, 54, 54);
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgb(255, 165, 0);
    }
    .main {
        background: url("img/train-mob.png") center !important;
        margin: 10px 0px !important;
        height: 110vh !important;
    }
    .rightside {
        display: none;
    
    }
    .block {
        margin: 5px !important;
        width: 70% !important;
    }
    .header {
        margin: 10px 0px !important;
        padding: 1px;
    }
    .menu {
        height: 38px !important;
        position: relative !important;
        margin: 10px 0px !important;
    }
    
    .menu img {
        position: relative !important;
        float: left !important;
        
    }
    .menu a {
        text-decoration: none !important;
        align-content:center !important;
        
    }
    .btnx {
        color: rgb(255, 165, 0)!important;
        display: none !important;
    }
    .btn {
        display: block !important;
    }
    .dropbtn {
        position: relative;
        color: rgb(255, 165, 0) !important;
        background-color: rgba(54, 54, 54, 0) !important;
        padding: 5px !important;
        font-family: 'Courier New', Courier, monospace !important;
        font-size: 19px !important;
        border: none !important;
        
    }
    
    .dropdown {
        position:relative;
        display: inline-block;
        
    }
    
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: rgb(54, 54, 54) !important;
        min-width: 170px;
        z-index: 1;
    }
    
    .dropdown-content a {
        color: rgb(255, 165, 0) !important;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
    
    .dropdown-content a:hover {
        background-color: rgb(54, 54, 54) !important;
    }
    
    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    
}
