/* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 600px) {
    .roundNav {
        margin-bottom: 6px;
        width: 100%;
    }
 }

 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) and (max-width : 780px) {
    .roundNav {
        margin-bottom: 5px;
        width: 40%;
    }
 }
 
 /* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (min-width: 781px) and (max-width: 1424px) {
    .roundNav {
        margin-bottom: 5px;
        width: 25%;
    }
 }
 
 /* Large devices (laptops/desktops, 992px and up)
 @media only screen and (min-width: 992px) {
    
 }
 
  Extra large devices (large laptops and desktops, 1200px and up) 
 @media only screen and (min-width: 1200px) {
    
 }  */