Cacher is the code snippet organizer for pro developers

body {
    font-size: 16px;
    font-weight: 400;
    font-family: Roboto,Arial,Helvetica,"sans-serif";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* container element */
/* (mobile first) :
  Container takes up 100% width upto a certain point (as we keep on increasing width of the viewport) 
  and then takes up a max width (ex: 1200px) from there on
  This approach keeps the content within 1200px even for very large screens
  */
  
  .container  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  @media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}