* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  margin: 0 auto;
  padidng: 0; }

h1 {
  padding-left: 10%;
  letter-spacing: 5px; }

footer {
  background-color: #eee;
  padding: 5% 10%; }

section {
  clear: both; }

.grid {
  width: 100%; }
  .grid p {
    padding: 10%; }

.grid-item {
  width: 33.3333%;
  /*padding: 1%;*/
  float: left;
  background: #0f8edd url(/img/medialoot/bg/1.jpg);
  background-size: cover; }
  .grid-item a {
    padding: 10%;
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
    text-decoration: none;
    display: block;
    text-align: center; }

.news .grid-item {
  background: #1d3c75 url(/img/medialoot/bg/2.jpg);
  background-size: cover;
  background-position: 50% 50%; }

.social .grid-item {
  background: #1d3c75 url(/img/medialoot/bg/3.jpg);
  background-size: cover;
  background-position: 50% 50%; }

.finance .grid-item {
  background: #57a940 url(/img/medialoot/bg/4.jpg);
  background-size: cover;
  background-position: 50% 50%; }

.shopping .grid-item {
  background: #75430d url(/img/medialoot/bg/5.jpg);
  background-size: cover;
  background-position: 50% 50%; }

@media (max-width: 600px) {
  .grid-item {
    width: 50%; } }
a:hover {
  background-color: rgba(0, 0, 0, 0.2); }

body {
  font-family: Arial; }

.i-finance {
  background: #57a940; }

.i-music {
  background: #811e24; }

.i-tv {
  background: #813f55; }

.grid-item.thumbnail {
  /*width:  30vw;*/
  /*height: 30vw;*/
  background: #b2811a; }

.grid-item.medium {
  /*width:  40vw;*/
  /*height: 10vw;*/
  background: #57a940; }

.grid-item.large {
  /*width:  50vw;*/
  /*height: 25vw;*/
  background: #813f55; }

section {
  padding-top: 20px;
  padding-bottom: 20px; }

/*# sourceMappingURL=style.css.map */