@import url(':400,700');
@import 'http://cdn.topping.pt/css/reset.css';
@import 'type.css';
@import 'http://cdn.topping.pt/css/topping_icn.css';
body {
  background-color: #fff;
  margin: 0;
  padding: 0; }

h1 {
  font-family: 'Montserrat', sans-serif;
  font-family: 'Montserrat', sans-serif;
  font-family: 'Montserrat', sans-serif; }

.tb {
  display: none; }

@media only screen and (min-width: 768px) {
  .mb {
    display: none; }

  .tb {
    display: block; } }

section#topo_ph {
  font-family: 'Montserrat', sans-serif;
  background-color: #fff;
  border-bottom: solid 1px #000;
  width: 100%;
  height: 60px;
  padding: 20px 0;
  position: fixed;
  z-index: 99; }
  section#topo_ph #topo {
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px; }
    section#topo_ph #topo #menu_mobile_toggle {
      position: absolute;
      left: 10px;
      font-size: 40px;
      top: 0;
      line-height: 39px;
      cursor: pointer; }

ul#menu_mobile {
  position: absolute;
  left: 0;
  top: 60px;
  height: 100vh;
  background-color: #fff;
  width: 100%;
  display: none; }
  ul#menu_mobile li {
    display: block;
    width: 100%;
    line-height: 2em;
    border-bottom: solid 1px #000; }
    ul#menu_mobile li a {
      padding: 0 20px; }

section#topo_ph #logo {
  height: 100%;
  width: auto;
  display: inline-block; }

div#topo-pseudo {
  height: 60px; }

@media only screen and (min-width: 768px) {
  section#topo_ph {
    border-top: solid 5px #000;
    height: 90px;
    padding: 20px 0;
    position: fixed; }
    section#topo_ph #topo {
      text-align: left; }
      section#topo_ph #topo #menu {
        position: absolute;
        right: 0;
        top: 0; }
        section#topo_ph #topo #menu ul {
          display: table;
          height: 47px; }
          section#topo_ph #topo #menu ul li {
            display: table-cell;
            vertical-align: middle;
            padding-left: 30px; }
            section#topo_ph #topo #menu ul li a {
              line-height: 3em; }
          section#topo_ph #topo #menu ul li.lang a {
            border: solid 2px #ccc;
            border-radius: 1.5em;
            width: 3em; }
    div#topo-pseudo {
      height: 90px; } }

@media only screen and (min-width: 1024px) {
  section#topo_ph {
    border-top: solid 5px #000;
    position: relative;
    height: 130px; }
    section#topo_ph div#topo {
      width: 100%;
      height: 85px;
      margin: 0 auto; }

  div#topo-pseudo {
    display: none; } }

h1 {
  color: green; }

section.mod-about-1 {
  font-size: 20px;
  color: green; }

section.mod-galeria-1 {
  background-color: #666;
  padding: 200px 0;
  color: #fff; }

section.mod-ementas-1 {
  background-color: #000;
  padding: 200px 0;
  color: #fff; }

section.mod-contactos-1 {
  background-color: #e0e0e0;
  padding: 200px 0; }