Website/css/style.fluid.css

/*
 * Title: openSUSE.org stylesheet (Bento-Theme)
 * Author: Robert Lihm <rlihm@opensuse.org>
 * Copyright (c) 2009 AUTHORS.txt (http://www.opensuse.org)
 * Licensed under the MIT (MIT-LICENSE.txt) license.
 */

@import url("reset.css");	/* reset default browser settings */
@import url("grid.css"); 	/* add fluid 960 Grid System */
@import url("base.css");	/* Basic CSS - Common styles */
@import url("base.fluid.fix.css");	/* Fixes for Bento with fluid 960gs */

@media only screen and (max-width: 870px) {
  #content {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  #header-home {
    display: none;
  }
  #global-navigation {
    padding: 0;
  }
}

@media only screen and (min-width: 540px) {
  .responsive-item {
    margin: 15px;
  }
  .responsive-item > div {
    display: inline-block;
    vertical-align: middle;
  }
  .responsive-item > div:first-child {
    width: 160px;
  }
  .responsive-item > div:last-child {
    width: calc(100% - 180px);
  }
  .responsive-item > div:first-child > a {
    display: inline-block;
    width: 130px;
    margin: 15px;
  }
  .responsive-item > div:first-child > a > img {
    padding: 1px;
  }
}

@media only screen and (max-width: 540px) {
  .responsive-item {
    text-align: center;
    margin-bottom: 25px;
  }
  .responsive-item.last {
    margin-bottom: 0px;
  }
  .responsive-item b {
    margin: 5px;
  }
  .responsive-item p {
    margin: 0px;
  }
}