@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700); 
  body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    overflow-y: scroll; }

    h1, h2, h3, h4, h5, h6 {
      font-family: 'Montserrat', Arial, sans-serif;
      text-transform: uppercase; }

      h1 {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 24px; }

        h2 {
          font-size: 24px;
          line-height: 24px;
          margin-bottom: 12px; }

          h3 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 12px; }

            h4, h5, h6 {
              line-height: 24px;
              margin-bottom: 12px; }

              h4 {
                font-size: 16px; }

                h5 {
                  font-size: 13px; }

                  h6 {
                    font-size: 11; }

                    p {
                      line-height: 1.7em;
                      font-size: 14px; }

                      ul li {
                        font-size: 14px; }

                        a {
                          color: #4EB2AE; }

                          .navbar-default, .navbar-submenu {
                            background-color: #FFF;
                            border: 0;
                            border-radius: 0;
                            margin-bottom: 0; }
                            .navbar-default .navbar-brand, .navbar-submenu .navbar-brand {
                              padding-top: 18px;
                              color: black;
                              font-family: 'Montserrat', Arial, sans-serif;
                              font-size: 22px; }
                              .navbar-default .navbar-nav li a, .navbar-submenu .navbar-nav li a {
                                padding: 20px 20px;
                                font-family: 'Montserrat', Arial, sans-serif;
                                font-size: 14px;
                                color: black;
                                font-weight: bold;
                                opacity: 0.6;
                                text-transform: uppercase;
                                letter-spacing: 0.05em; }
                                .navbar-default .navbar-nav li > a:hover,
                                .navbar-default .navbar-nav li > a:active,
                                .navbar-submenu .navbar-nav li > a:hover, .navbar-submenu .navbar-nav li > a:active {
                                  color: black;
                                  opacity: 1; }
                                  .navbar-default .navbar-nav i.fa, .navbar-submenu .navbar-nav i.fa {
                                    margin-left: 5px; }
                                    .navbar-default .navbar-nav ul.dropdown-menu,
                                    .navbar-submenu .navbar-nav ul.dropdown-menu {
                                      padding: 0;
                                      margin-top: 0px;
                                      border: 0;
                                      border-radius: 0;
                                      box-shadow: none; }
                            .navbar-default .navbar-toggle, .navbar-submenu .navbar-toggle {
                              border-radius: 0;
                              border: 0; }

  .navbar-submenu {
    background-color: #E7E7E7; }
    .navbar-submenu .navbar-collapse {
      margin-left: -15px;
      margin-right: -15px; }
      .navbar-submenu .navbar-toggle {
        float: none;
        text-transform: uppercase;
        font-family: 'Montserrat', Arial, sans-serif;
        font-size: 14px; }
        .navbar-submenu .navbar-toggle i {
          margin-right: 8px; }
    .navbar-submenu .navbar-nav li a {
      color: #252525; }

  #index-carousel {
    margin-bottom: 40px;
    background-color: #252525; }
    #index-carousel .carousel-control {
      opacity: 0;
      background: none;
      text-shadow: none; }
      #index-carousel .carousel-control:hover {
        transition: opacity 0.25s ease-in-out;
        -moz-transition: opacity 0.25s ease-in-out;
        -webkit-transition: opacity 0.25s ease-in-out;
        opacity: 1; }
        #index-carousel .item {
          background-color: #70b7ba;
          color: #FFFFFF;
          height: 480px;
          text-transform: uppercase; }
          #index-carousel .item .item-content {
            display: table;
            height: 480px;
            width: 100%; }
            #index-carousel .item .item-content .item-content-center {
              text-align: center;
              display: table-cell;
              vertical-align: middle; }
              #index-carousel .item .item-content .item-content-right {
                text-align: right;
                display: table-cell;
                vertical-align: middle; }
          #index-carousel .item .item-inner h1 {
            font-size: 60px;
            font-weight: 700;
            line-height: 60px;
            letter-spacing: 0.05em; }
            #index-carousel .item .item-inner p {
              color: white; }
          #index-carousel .item .item-image img {
            margin: 0 auto; }
    #index-carousel .item.girara {
      background-color: #E78581; }
      #index-carousel .item.zathura {
        background-color: #70b7ba; }
        #index-carousel .item.jumanji {
          background-color: #78BA70; }
          #index-carousel .btn-default {
            background: none;
            border-width: 2px;
            border-color: white;
            padding: 8px 16px;
            border-radius: 0;
            font-size: 14px;
            line-height: 14px;
            color: white;
            text-transform: uppercase;
            margin-top: 20px; }

  .index .feature .item h1 {
    margin-bottom: 5px; }

    .index-special {
      padding: 60px 0;
      margin: 40px 0;
      text-align: center; }
      .index-special h1 {
        text-transform: uppercase;
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 0.02em; }
        .index-special p {
          font-size: 18px;
          font-weight: 500;
          font-family: "Open Sans";
          margin-left: 20%;
          width: 60%;
          text-align: center; }

  .index-idea {
    background-color: #223747;
    color: #9CB9C4;
    text-align: center; }
    .index-idea h1 {
      margin-bottom: 20px; }
      .index-idea p {
        color: white; }

  .section, .about-us, .latest-version, .source-code, .contact, .our-team,
  .error-page {
    padding: 50px 0px; }

    .page-title, .news-header {
      background-color: #252525; }
      .page-title h1, .news-header h1 {
        padding-top: 150px;
        padding-bottom: 20px;
        text-transform: uppercase;
        font-size: 72px;
        font-weight: 700;
        line-height: 72px;
        color: #FFF; }
        .page-title h1 small, .news-header h1 small {
          display: inline-block;
          font-size: 24px;
          color: rgba(255, 255, 255, 0.2);
          line-height: 1em; }

  .page-content {
    padding-top: 20px;
    padding-bottom: 20px; }

    .feature .item {
      padding-top: 20px;
      padding-bottom: 20px;
      text-align: center; }
      .feature .item h1 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700; }
        .feature .item p {
          font-weight: normal;
          font-family: "Open Sans"; }

  .project .features .row {
    opacity: 0;
    padding-top: 30px;
    padding-bottom: 30px; }
    .project .features .row h3 {
      margin-top: 0; }
      .project .features .row p {
        margin-bottom: 0; }
        .project .features .row img {
          margin: 0 auto; }

  .project-download-table {
    font-size: 14px; }
    .project-download-table code {
      font-size: 100%; }

  .project-zathura .page-title, .project-zathura .news-header {
    background-color: #70b7ba; }
    .project-zathura .page-title h1, .project-zathura .news-header h1 {
      color: #FFF; }
      .project-zathura .page-title h1 small, .project-zathura .news-header h1 small {
        color: rgba(0, 0, 0, 0.2); }

  .project-girara .page-title, .project-girara .news-header {
    background-color: #E78581; }
    .project-girara .page-title h1, .project-girara .news-header h1 {
      color: #FFF; }
      .project-girara .page-title h1 small, .project-girara .news-header h1 small {
        color: rgba(0, 0, 0, 0.2); }

  .project-jumanji .page-title, .project-jumanji .news-header {
    background-color: #78BA70; }
    .project-jumanji .page-title h1, .project-jumanji .news-header h1 {
      color: #FFF; }
      .project-jumanji .page-title h1 small, .project-jumanji .news-header h1 small {
        color: rgba(0, 0, 0, 0.2); }

  .section, .about-us, .latest-version, .source-code, .contact, .our-team,
  .error-page {
    text-align: center;
    background-color: #333; }
    .section h1, .about-us h1, .latest-version h1, .source-code h1, .contact h1,
    .our-team h1, .error-page h1 {
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 30px; }
      .section p, .about-us p, .latest-version p, .source-code p, .contact p,
      .our-team p, .error-page p {
        font-size: 18px;
        color: white; }
        .section .item, .about-us .item, .latest-version .item, .source-code .item,
        .contact .item, .our-team .item, .error-page .item {
          margin-top: 30px;
          margin-bottom: 30px; }
          .section .item .img-responsive, .about-us .item .img-responsive,
          .latest-version .item .img-responsive, .source-code .item .img-responsive,
          .contact .item .img-responsive, .our-team .item .img-responsive,
          .error-page .item .img-responsive {
            margin: 0 auto; }
            .section .item h1, .about-us .item h1, .latest-version .item h1,
            .source-code .item h1, .contact .item h1, .our-team .item h1, .error-page .item h1 {
              font-size: 18px;
              font-weight: bold;
              letter-spacing: 0.1em;
              margin-bottom: 10px; }
              .section .item h1 small, .about-us .item h1 small, .latest-version .item h1 small,
              .source-code .item h1 small, .contact .item h1 small, .our-team .item h1 small,
              .error-page .item h1 small {
                display: block; }
          .section .item p, .about-us .item p, .latest-version .item p, .source-code .item p,
          .contact .item p, .our-team .item p, .error-page .item p {
            font-size: 14px; }

  .about-us, .error-page {
    background-color: #00747A; }

    .latest-version {
      background-color: #00747A; }
      .latest-version img {
        margin: 20px 0; }
        .latest-version a {
          color: #F2E0A0; }

  .source-code {
    background-color: #252525; }
    .source-code span.url {
      font-size: 16.8px;
      background-color: rgba(255, 255, 255, 0.2);
      color: white;
      display: inline-block;
      width: auto;
      margin-top: 20px;
      padding: 15px 30px; }

  .contact {
    background-color: #678774; }
    .contact a {
      color: #C5DB9E; }

  .our-team {
    background-color: #3EBBA7; }
    .our-team h1 {
      color: rgba(255, 255, 255, 0.5); }
      .our-team .item h1 {
        color: rgba(255, 255, 255, 0.8); }
        .our-team .item h1 small {
          margin-top: 5px;
          color: rgba(255, 255, 255, 0.7); }
      .our-team .item p {
        width: 75%;
        margin: 0 auto; }
        .our-team .item ul.icons {
          margin: 0;
          margin-top: 15px;
          margin-bottom: 15px;
          padding: 0;
          list-style-type: none; }
          .our-team .item ul.icons li {
            padding: 0 5px;
            display: inline;
            font-size: 22px; }
            .our-team .item ul.icons li a {
              color: white;
              opacity: 0.7; }
              .our-team .item ul.icons li a:hover {
                opacity: 1; }

  .news-header {
    background-color: #9B5D7F; }
    .news-header h1 {
      color: #FFF; }
      .news-header h1 small {
        color: rgba(255, 255, 255, 0.2); }

  .error-page {
    background-color: #E54E3F;
    margin-bottom: 20px; }
    .error-page h1 {
      font-size: 50px;
      color: #FFF; }
      .error-page h1 small {
        color: rgba(255, 255, 255, 0.2); }
    .error-page img {
      margin: 0 auto;
      margin-bottom: 20px; }

  .posts {
    background-color: #F2F0F3; }

    .panel-default {
      border: 0;
      box-shadow: none;
      border-radius: 0; }
      .panel-default .panel-heading {
        border-radius: 0;
        border: 0;
        background-color: #3F4140;
        color: white; }

  .post {
    border-radius: 0;
    border: 0;
    box-shadow: none; }
    .post .panel-heading {
      padding: 15px; }
      .post .panel-heading .panel-title {
        line-height: 22px;
        color: white;
        font-size: 22px; }
        .post .panel-heading .panel-title small {
          color: rgba(255, 255, 255, 0.8); }
    .post h2:nth-child(1) {
      margin-top: 0; }
      .post .panel-body h1, .post .panel-body h2 {
        font-size: 18px;
        margin-bottom: 12px; }
        .post .panel-body p:last-child {
          margin-bottom: 0; }
    .post h3 {
      font-size: 14px; }

  .post-zathura .panel-heading {
    background-color: #70b7ba; }

  .post-girara .panel-heading {
    background-color: #E78581; }
    .post-girara .panel-title small {
      color: rgba(0, 0, 0, 0.5); }

  .post-jumanji .panel-heading {
    background-color: #78BA70; }
    .post-jumanji .panel-title small {
      color: rgba(0, 0, 0, 0.5); }

  .pagination {
    border-radius: 0;
    border: 0; }
    .pagination li a {
      border: 0;
      margin-right: 3px; }
    .pagination .active > a {
      background-color: #4EB2AE; }

  @media (min-width: 769px) and (max-width: 991px) {
    .navbar-default .navbar-nav li a, .navbar-submenu .navbar-nav li a {
      padding-left: 25px;
      padding-right: 0px;   }
}

  @media (max-width: 767px) {
    .feature .item img {
      margin: 0 auto;   }
    .feature .page-title, .feature .news-header {
      height: auto;   }
      .feature .page-title h1, .feature .news-header h1 {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 36px;   }
        .feature .page-title h1 small, .feature .news-header h1 small {
          margin-top: 5px;
          display: block;
          margin-bottom: 20px;   }
}