/*

  /) ,           /)         ,    /)                                
 /    __    _  _(/   _   _   _/_(/      _   _   _   _              
(/__(_/ (__(/_(_(_   (_(/ _(_(__/ )_   /_)_(_(_/_)_/_)_ o   o   o  

http://sass-lang.com/
 

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

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

@media screen and (min-width: 500px) {
  .notif_area {
    width: 100%;
    display: block;
    float: left; }
    .notif_area .group {
      width: 100%;
      margin: 0 auto; }
      .notif_area .group .item {
        float: left;
        height: 100%;
        width: 12.5%; }

  .notif_area .group .span-1 {
    width: 12.5%; }
  .notif_area .group .span-2 {
    width: 25%; }
  .notif_area .group .span-3 {
    width: 37.5%; }
  .notif_area .group .span-4 {
    width: 50%; }
  .notif_area .group .span-5 {
    width: 62.5%; }
  .notif_area .group .span-6 {
    width: 75%; }
  .notif_area .group .span-7 {
    width: 87.5%; }
  .notif_area .group .span-8 {
    width: 100%; }

  .notif_area .group .skip-1 {
    margin-left: 12.5%; }
  .notif_area .group .skip-2 {
    margin-left: 25%; }
  .notif_area .group .skip-3 {
    margin-left: 37.5%; }
  .notif_area .group .skip-4 {
    margin-left: 50%; }
  .notif_area .group .skip-5 {
    margin-left: 62.5%; }
  .notif_area .group .skip-6 {
    margin-left: 75%; }
  .notif_area .group .skip-7 {
    margin-left: 87.5%; }
  .notif_area .group .skip-8 {
    margin-left: 100%; }

  .notif_area_2 {
    width: 100%;
    display: block;
    float: left; }
    .notif_area_2 .group {
      width: 100%;
      margin: 0 auto; }
      .notif_area_2 .group .item {
        float: left;
        height: 100%;
        width: 12.5%; }

  .notif_area_2 .group .span-1 {
    width: 12.5%; }
  .notif_area_2 .group .span-2 {
    width: 25%; }
  .notif_area_2 .group .span-3 {
    width: 37.5%; }
  .notif_area_2 .group .span-4 {
    width: 50%; }
  .notif_area_2 .group .span-5 {
    width: 62.5%; }
  .notif_area_2 .group .span-6 {
    width: 75%; }
  .notif_area_2 .group .span-7 {
    width: 87.5%; }
  .notif_area_2 .group .span-8 {
    width: 100%; }

  .notif_area_2 .group .skip-1 {
    margin-left: 12.5%; }
  .notif_area_2 .group .skip-2 {
    margin-left: 25%; }
  .notif_area_2 .group .skip-3 {
    margin-left: 37.5%; }
  .notif_area_2 .group .skip-4 {
    margin-left: 50%; }
  .notif_area_2 .group .skip-5 {
    margin-left: 62.5%; }
  .notif_area_2 .group .skip-6 {
    margin-left: 75%; }
  .notif_area_2 .group .skip-7 {
    margin-left: 87.5%; }
  .notif_area_2 .group .skip-8 {
    margin-left: 100%; }

  .heading {
    width: 100%;
    display: block;
    float: left; }
    .heading .group {
      width: 640px;
      margin: 0 auto; }
      .heading .group .item {
        float: left;
        height: 100%;
        width: 80px; }

  .heading .group .span-1 {
    width: 80px; }
  .heading .group .span-2 {
    width: 160px; }
  .heading .group .span-3 {
    width: 240px; }
  .heading .group .span-4 {
    width: 320px; }
  .heading .group .span-5 {
    width: 400px; }
  .heading .group .span-6 {
    width: 480px; }
  .heading .group .span-7 {
    width: 560px; }
  .heading .group .span-8 {
    width: 640px; }

  .heading .group .skip-1 {
    margin-left: 80px; }
  .heading .group .skip-2 {
    margin-left: 160px; }
  .heading .group .skip-3 {
    margin-left: 240px; }
  .heading .group .skip-4 {
    margin-left: 320px; }
  .heading .group .skip-5 {
    margin-left: 400px; }
  .heading .group .skip-6 {
    margin-left: 480px; }
  .heading .group .skip-7 {
    margin-left: 560px; }
  .heading .group .skip-8 {
    margin-left: 640px; }

  .titleblock {
    width: 100%;
    display: block;
    float: left; }
    .titleblock .group {
      width: 640px;
      margin: 0 auto; }
      .titleblock .group .item {
        float: left;
        height: 100%;
        width: 80px; }

  .titleblock .group .span-1 {
    width: 80px; }
  .titleblock .group .span-2 {
    width: 160px; }
  .titleblock .group .span-3 {
    width: 240px; }
  .titleblock .group .span-4 {
    width: 320px; }
  .titleblock .group .span-5 {
    width: 400px; }
  .titleblock .group .span-6 {
    width: 480px; }
  .titleblock .group .span-7 {
    width: 560px; }
  .titleblock .group .span-8 {
    width: 640px; }

  .titleblock .group .skip-1 {
    margin-left: 80px; }
  .titleblock .group .skip-2 {
    margin-left: 160px; }
  .titleblock .group .skip-3 {
    margin-left: 240px; }
  .titleblock .group .skip-4 {
    margin-left: 320px; }
  .titleblock .group .skip-5 {
    margin-left: 400px; }
  .titleblock .group .skip-6 {
    margin-left: 480px; }
  .titleblock .group .skip-7 {
    margin-left: 560px; }
  .titleblock .group .skip-8 {
    margin-left: 640px; }

  .interaction {
    width: 100%;
    display: block;
    float: left; }
    .interaction .group {
      width: 640px;
      margin: 0 auto; }
      .interaction .group .item {
        float: left;
        height: 100%;
        width: 80px; }

  .interaction .group .span-1 {
    width: 80px; }
  .interaction .group .span-2 {
    width: 160px; }
  .interaction .group .span-3 {
    width: 240px; }
  .interaction .group .span-4 {
    width: 320px; }
  .interaction .group .span-5 {
    width: 400px; }
  .interaction .group .span-6 {
    width: 480px; }
  .interaction .group .span-7 {
    width: 560px; }
  .interaction .group .span-8 {
    width: 640px; }

  .interaction .group .skip-1 {
    margin-left: 80px; }
  .interaction .group .skip-2 {
    margin-left: 160px; }
  .interaction .group .skip-3 {
    margin-left: 240px; }
  .interaction .group .skip-4 {
    margin-left: 320px; }
  .interaction .group .skip-5 {
    margin-left: 400px; }
  .interaction .group .skip-6 {
    margin-left: 480px; }
  .interaction .group .skip-7 {
    margin-left: 560px; }
  .interaction .group .skip-8 {
    margin-left: 640px; }

  .footing {
    width: 100%;
    display: block;
    float: left; }
    .footing .group {
      width: 640px;
      margin: 0 auto; }
      .footing .group .item {
        float: left;
        height: 100%;
        width: 80px; }

  .footing .group .span-1 {
    width: 80px; }
  .footing .group .span-2 {
    width: 160px; }
  .footing .group .span-3 {
    width: 240px; }
  .footing .group .span-4 {
    width: 320px; }
  .footing .group .span-5 {
    width: 400px; }
  .footing .group .span-6 {
    width: 480px; }
  .footing .group .span-7 {
    width: 560px; }
  .footing .group .span-8 {
    width: 640px; }

  .footing .group .skip-1 {
    margin-left: 80px; }
  .footing .group .skip-2 {
    margin-left: 160px; }
  .footing .group .skip-3 {
    margin-left: 240px; }
  .footing .group .skip-4 {
    margin-left: 320px; }
  .footing .group .skip-5 {
    margin-left: 400px; }
  .footing .group .skip-6 {
    margin-left: 480px; }
  .footing .group .skip-7 {
    margin-left: 560px; }
  .footing .group .skip-8 {
    margin-left: 640px; }

  .navigation {
    width: 100%;
    display: block;
    float: left; }
    .navigation .group {
      width: 100%;
      margin: 0 auto; }
      .navigation .group .item {
        float: left;
        height: 100%;
        width: 12.5%; }

  .navigation .group .span-1 {
    width: 12.5%; }
  .navigation .group .span-2 {
    width: 25%; }
  .navigation .group .span-3 {
    width: 37.5%; }
  .navigation .group .span-4 {
    width: 50%; }
  .navigation .group .span-5 {
    width: 62.5%; }
  .navigation .group .span-6 {
    width: 75%; }
  .navigation .group .span-7 {
    width: 87.5%; }
  .navigation .group .span-8 {
    width: 100%; }

  .navigation .group .skip-1 {
    margin-left: 12.5%; }
  .navigation .group .skip-2 {
    margin-left: 25%; }
  .navigation .group .skip-3 {
    margin-left: 37.5%; }
  .navigation .group .skip-4 {
    margin-left: 50%; }
  .navigation .group .skip-5 {
    margin-left: 62.5%; }
  .navigation .group .skip-6 {
    margin-left: 75%; }
  .navigation .group .skip-7 {
    margin-left: 87.5%; }
  .navigation .group .skip-8 {
    margin-left: 100%; }

  .media_tiles {
    width: 100%;
    display: block;
    float: left; }
    .media_tiles .group {
      width: 100%;
      margin: 0 auto; }
      .media_tiles .group .item {
        float: left;
        height: 100%;
        width: 12.5%; }

  .media_tiles .group .span-1 {
    width: 12.5%; }
  .media_tiles .group .span-2 {
    width: 25%; }
  .media_tiles .group .span-3 {
    width: 37.5%; }
  .media_tiles .group .span-4 {
    width: 50%; }
  .media_tiles .group .span-5 {
    width: 62.5%; }
  .media_tiles .group .span-6 {
    width: 75%; }
  .media_tiles .group .span-7 {
    width: 87.5%; }
  .media_tiles .group .span-8 {
    width: 100%; }

  .media_tiles .group .skip-1 {
    margin-left: 12.5%; }
  .media_tiles .group .skip-2 {
    margin-left: 25%; }
  .media_tiles .group .skip-3 {
    margin-left: 37.5%; }
  .media_tiles .group .skip-4 {
    margin-left: 50%; }
  .media_tiles .group .skip-5 {
    margin-left: 62.5%; }
  .media_tiles .group .skip-6 {
    margin-left: 75%; }
  .media_tiles .group .skip-7 {
    margin-left: 87.5%; }
  .media_tiles .group .skip-8 {
    margin-left: 100%; }

  .footing-inclient {
    width: 100%;
    display: block;
    float: left; }
    .footing-inclient .group {
      width: 100%;
      margin: 0 auto; }
      .footing-inclient .group .item {
        float: left;
        height: 100%;
        width: 12.5%; }

  .footing-inclient .group .span-1 {
    width: 12.5%; }
  .footing-inclient .group .span-2 {
    width: 25%; }
  .footing-inclient .group .span-3 {
    width: 37.5%; }
  .footing-inclient .group .span-4 {
    width: 50%; }
  .footing-inclient .group .span-5 {
    width: 62.5%; }
  .footing-inclient .group .span-6 {
    width: 75%; }
  .footing-inclient .group .span-7 {
    width: 87.5%; }
  .footing-inclient .group .span-8 {
    width: 100%; }

  .footing-inclient .group .skip-1 {
    margin-left: 12.5%; }
  .footing-inclient .group .skip-2 {
    margin-left: 25%; }
  .footing-inclient .group .skip-3 {
    margin-left: 37.5%; }
  .footing-inclient .group .skip-4 {
    margin-left: 50%; }
  .footing-inclient .group .skip-5 {
    margin-left: 62.5%; }
  .footing-inclient .group .skip-6 {
    margin-left: 75%; }
  .footing-inclient .group .skip-7 {
    margin-left: 87.5%; }
  .footing-inclient .group .skip-8 {
    margin-left: 100%; } }
/*end of 770px*/