/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(../fonts/Roboto/Roboto-Regular.css);
@import url(../fonts/Typ1451-Bold/Typ1451-Bold.css);
@import url(../fonts/Typ1451-Light/Typ1451-Light.css);
@import url(../fonts/Typ1451-Medium/Typ1451-Medium.css);
body {
  margin: 0; }

.ip-wrap {
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.45;
  color: #152323;
  font-family: 'Open Sans',sans-serif; }
  .ip-wrap html, .ip-wrap body, .ip-wrap div, .ip-wrap span, .ip-wrap applet, .ip-wrap object, .ip-wrap iframe,
  .ip-wrap h1, .ip-wrap h2, .ip-wrap h3, .ip-wrap h4, .ip-wrap h5, .ip-wrap h6, .ip-wrap p, .ip-wrap blockquote, .ip-wrap pre,
  .ip-wrap a, .ip-wrap abbr, .ip-wrap acronym, .ip-wrap address, .ip-wrap big, .ip-wrap cite, .ip-wrap code,
  .ip-wrap del, .ip-wrap dfn, .ip-wrap em, .ip-wrap img, .ip-wrap ins, .ip-wrap kbd, .ip-wrap q, .ip-wrap s, .ip-wrap samp,
  .ip-wrap small, .ip-wrap strike, .ip-wrap strong, .ip-wrap sub, .ip-wrap sup, .ip-wrap tt, .ip-wrap var,
  .ip-wrap b, .ip-wrap u, .ip-wrap i, .ip-wrap center,
  .ip-wrap dl, .ip-wrap dt, .ip-wrap dd, .ip-wrap ol, .ip-wrap ul, .ip-wrap li,
  .ip-wrap fieldset, .ip-wrap form, .ip-wrap label, .ip-wrap legend,
  .ip-wrap table, .ip-wrap caption, .ip-wrap tbody, .ip-wrap tfoot, .ip-wrap thead, .ip-wrap tr, .ip-wrap th, .ip-wrap td,
  .ip-wrap article, .ip-wrap aside, .ip-wrap canvas, .ip-wrap details, .ip-wrap embed,
  .ip-wrap figure, .ip-wrap figcaption, .ip-wrap footer, .ip-wrap header, .ip-wrap hgroup,
  .ip-wrap menu, .ip-wrap nav, .ip-wrap output, .ip-wrap ruby, .ip-wrap section, .ip-wrap summary,
  .ip-wrap time, .ip-wrap mark, .ip-wrap audio, .ip-wrap video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline; }
  .ip-wrap html {
    line-height: 1; }
  .ip-wrap ol, .ip-wrap ul {
    list-style: none; }
  .ip-wrap table {
    border-collapse: collapse;
    border-spacing: 0; }
  .ip-wrap caption, .ip-wrap th, .ip-wrap td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle; }
  .ip-wrap q, .ip-wrap blockquote {
    quotes: none; }
    .ip-wrap q:before, .ip-wrap q:after, .ip-wrap blockquote:before, .ip-wrap blockquote:after {
      content: "";
      content: none; }
  .ip-wrap a img {
    border: none; }
  .ip-wrap article, .ip-wrap aside, .ip-wrap details, .ip-wrap figcaption, .ip-wrap figure, .ip-wrap footer, .ip-wrap header, .ip-wrap hgroup, .ip-wrap main, .ip-wrap menu, .ip-wrap nav, .ip-wrap section, .ip-wrap summary {
    display: block; }
  .ip-wrap p {
    margin-bottom: 1.3em;
    font-family: 'Roboto'; }
  .ip-wrap h1, .ip-wrap h2, .ip-wrap h3, .ip-wrap h4 {
    margin: 1.414em 0 0.5em;
    font-weight: inherit;
    line-height: 1.2; }
  .ip-wrap h1 {
    margin-top: 0;
    font-size: 3.157em; }
  .ip-wrap h2 {
    font-size: 2em;
    margin: 0.5em 0 0.75em 0; }
  .ip-wrap h1, .ip-wrap h2 {
    font-family: 'Typ1451-Bold'; }
  .ip-wrap h3 {
    font-size: 1.5em;
    margin: 0.5em 0;
    font-weight: 100;
    font-family: 'Typ1451-Light'; }
  .ip-wrap h2, .ip-wrap h3, .ip-wrap hr {
    color: #3a6365; }
  .ip-wrap h4 {
    font-size: 1.333em; }
  .ip-wrap small, .ip-wrap .font_small {
    font-size: 0.75em; }
  .ip-wrap .head, .ip-wrap .footer {
    font-family: 'Typ1451-Medium'; }
  .ip-wrap .inner {
    max-width: 1100px;
    margin: auto; }
  .ip-wrap .pat-row {
    display: flex;
    align-items: top;
    background-color: #e9ebeb; }
    .ip-wrap .pat-row:nth-child(2n) {
      background-color: #dfe4e4; }
    .ip-wrap .pat-row .inner {
      display: flex;
      align-items: top; }
      @media screen and (max-width: 800px) {
        .ip-wrap .pat-row .inner {
          flex-wrap: wrap; } }
    .ip-wrap .pat-row .pat {
      padding: 30px 20px;
      display: flex; }
      @media screen and (min-width: 801px) {
        .ip-wrap .pat-row .pat {
          width: 50%;
          margin: 30px 10px;
          padding: 0; } }
      .ip-wrap .pat-row .pat > div {
        width: 100%; }
        .ip-wrap .pat-row .pat > div.img-d {
          width: 80%;
          margin-right: 20px; }
          @media screen and (max-width: 800px) {
            .ip-wrap .pat-row .pat > div.img-d {
              display: none; } }
      .ip-wrap .pat-row .pat img {
        max-width: 100%; }
        @media screen and (min-width: 801px) {
          .ip-wrap .pat-row .pat img.img-m {
            display: none; } }
      .ip-wrap .pat-row .pat a {
        color: #ff9800; }
  .ip-wrap .head {
    background-image: url(../img/header.jpg);
    background-color: #152323;
    background-size: cover;
    text-align: center;
    color: #fff;
    overflow: hidden;
    padding: 40px 10px; }
    .ip-wrap .head .inner {
      background-color: rgba(0, 0, 0, 0.3);
      overflow: hidden;
      box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.3); }
    .ip-wrap .head h1, .ip-wrap .head p {
      text-shadow: 0 0 7px #000;
      margin: 40px auto; }
    .ip-wrap .head p {
      display: block;
      max-width: 600px;
      text-align: center; }
  .ip-wrap .footer {
    padding: 80px 10px;
    overflow: hidden; }
    .ip-wrap .footer p {
      display: block;
      max-width: 900px;
      text-align: center;
      margin: auto; }
  .ip-wrap .sources {
    padding: 80px 10px;
    background-color: #152323; }
    .ip-wrap .sources p {
      display: block;
      max-width: 900px;
      text-align: center;
      margin: auto;
      color: #fff; }