/* 0 - 600PX: Phone 600 - 900px: Table portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our nortal styles apply 1800px + : Big desktop */ /* Media Query M3 */ /* Grid breakpoints */ .container { width: 94.4444%; margin: 0 auto; padding: 0 0 16px 0; } @media screen and (min-width: 1920px) { .container { width: 71.875%; } } @media screen and ((min-width: 769) and (max-width: 1024px)) { .container { width: 92.1875%; } } @media screen and (max-width: 768px) { .container { width: 79%; } } .container .homeIcon { display: none; } .container .homeLink::after { content: "Home"; font-weight: 400; font-size: 14px; line-height: 19px; color: #929292; } .container .link, .container .term { font-weight: 400; font-size: 14px; line-height: 19px; } .container .link, .container .term { color: #929292; } .container .link:hover, .container .term:hover { color: #808080; } .container .link:active, .container .term:active { color: #929292; }