@media (max-width: 845px) {
    .container {
        margin: 24px 0;
  }
}

@media (max-width: 800px) {
    .container {
        margin:0;
        display: block;
        width: 616px
  }
    
    .sidebar {
        width:100%;
    }
    
    nav a {
        display: inline-block;
    }
}

@media (max-width: 612px) {
    .container {
        width:100%;
        padding: 0;
    }
    
    .main {
        width:100%;
    }
    
    .page-recs {
        flex-wrap: wrap;
    }
}

@media (max-width:540px) {
    .sidetable {
        float: none;
        margin: auto;
    }
}