@font-face {
  font-family: 'titilliumlight';
  src: url("../fonts/Titillium-Light-webfont.eot");
  src: url("../fonts/Titillium-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Titillium-Light-webfont.woff2") format("woff2"), url("../fonts/Titillium-Light-webfont.woff") format("woff"), url("../fonts/Titillium-Light-webfont.ttf") format("truetype"), url("../fonts/Titillium-Light-webfont.svg#titilliumlight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'titilliumthin';
  src: url("../fonts/Titillium-Thin-webfont.eot");
  src: url("../fonts/Titillium-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Titillium-Thin-webfont.woff2") format("woff2"), url("../fonts/Titillium-Thin-webfont.woff") format("woff"), url("../fonts/Titillium-Thin-webfont.ttf") format("truetype"), url("../fonts/Titillium-Thin-webfont.svg#titilliumthin") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 42, C:/webdev/tryphonos/css/styles.scss */
body {
  font-family: 'titilliumlight', Arial, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 100%;
  color: white;
  background: black url(../images/body-bg.gif) left top repeat-x; }

/* line 50, C:/webdev/tryphonos/css/styles.scss */
header {
  min-height: 118px;
  margin: 0 0 20px 0;
  overflow: hidden;
  background: url(../images/header-bg.jpg) center top repeat-y; }

/* line 56, C:/webdev/tryphonos/css/styles.scss */
#logo-word {
  float: left;
  width: 307px;
  height: 17px;
  margin: 56px 0 0 0; }

/* line 62, C:/webdev/tryphonos/css/styles.scss */
#logo-symbol {
  position: absolute;
  width: 115px;
  height: 94px;
  margin: 15px 442px; }

/* line 71, C:/webdev/tryphonos/css/styles.scss */
p {
  margin: 0 0 15px 0;
  line-height: 130%;
  color: #ececec; }

/* line 76, C:/webdev/tryphonos/css/styles.scss */
main ul {
  margin: 0 0 15px 0;
  padding: 0 0 0 50px;
  line-height: 130%;
  list-style-type: disc;
  color: #ececec; }
  /* line 83, C:/webdev/tryphonos/css/styles.scss */
  main ul li {
    margin-bottom: 7px; }

/* line 87, C:/webdev/tryphonos/css/styles.scss */
a {
  text-decoration: none; }

/* line 90, C:/webdev/tryphonos/css/styles.scss */
h1 {
  margin: 0 0 15px -40px;
  font-family: 'titilliumlight';
  font-size: 300%;
  border-bottom: 3px solid #383838; }

/* line 96, C:/webdev/tryphonos/css/styles.scss */
h2 {
  margin: 0 0 10px 0;
  font-family: 'titilliumlight';
  font-size: 160%; }

/* line 101, C:/webdev/tryphonos/css/styles.scss */
.strip {
  max-width: 1000px;
  margin: 0 auto; }

/* line 105, C:/webdev/tryphonos/css/styles.scss */
.strip:after {
  content: "";
  display: table;
  clear: both; }

/* line 110, C:/webdev/tryphonos/css/styles.scss */
.image-left {
  float: left;
  margin: 0 15px 0 0; }

/* line 114, C:/webdev/tryphonos/css/styles.scss */
.image-right {
  float: right;
  margin: 0 0 0 15px; }

/* line 121, C:/webdev/tryphonos/css/styles.scss */
nav {
  float: right;
  margin: 45px 0 0 0;
  font-size: 120%;
  text-transform: lowercase; }
  /* line 127, C:/webdev/tryphonos/css/styles.scss */
  nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    /* line 132, C:/webdev/tryphonos/css/styles.scss */
    nav ul li {
      float: left;
      margin: 0 10px;
      padding: 0; }
      /* line 137, C:/webdev/tryphonos/css/styles.scss */
      nav ul li a {
        display: block;
        padding: 7px 10px;
        color: #898989;
        text-decoration: none; }
        /* line 143, C:/webdev/tryphonos/css/styles.scss */
        nav ul li a:hover {
          color: white;
          background: black; }
      /* line 149, C:/webdev/tryphonos/css/styles.scss */
      nav ul li li {
        margin: 0; }

/* nav ul li a {
	height: 32px;
	padding: 0;
}
nav ul li a:hover {
	background: none;
} */
/* line 165, C:/webdev/tryphonos/css/styles.scss */
ul#nav-tiles {
  width: 100%;
  margin: 20px 0;
  padding: 0;
  list-style-type: none; }
  /* line 171, C:/webdev/tryphonos/css/styles.scss */
  ul#nav-tiles li {
    float: left;
    margin: 0 10px;
    padding: 0;
    width: 30%;
    background: #101010; }
    /* line 178, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li a {
      font-family: 'titilliumthin';
      display: block;
      /* width: 310px; */
      height: 407px;
      color: white;
      font-size: 220%;
      text-align: center;
      text-transform: lowercase;
      background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), transparent);
      background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
      background-repeat: repeat;
      transition: all 0.2s ease-out; }
      /* line 192, C:/webdev/tryphonos/css/styles.scss */
      ul#nav-tiles li a .labelpos {
        position: relative;
        top: 340px;
        transition: all 0.2s ease-out; }
      /* line 198, C:/webdev/tryphonos/css/styles.scss */
      ul#nav-tiles li a:hover .labelpos {
        top: 320px; }
      /* line 202, C:/webdev/tryphonos/css/styles.scss */
      ul#nav-tiles li a:hover {
        font-size: 240%;
        background-image: -webkit-linear-gradient(top, transparent, transparent);
        background: linear-gradient(to top, transparent, transparent); }
    /* line 209, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li.history {
      background: url(../images/history.jpg) center center no-repeat; }
    /* line 212, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li.development {
      background: url(../images/development.jpg) center center no-repeat; }
    /* line 215, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li.technology {
      background: url(../images/technology.jpg) center center no-repeat; }

/* line 225, C:/webdev/tryphonos/css/styles.scss */
body.history main .strip, body.development main .strip, body.technology main .strip {
  max-width: 600px;
  margin: 0 auto; }

/* line 231, C:/webdev/tryphonos/css/styles.scss */
footer {
  margin: 20px 0 0 0;
  line-height: 50px;
  color: #898989;
  text-align: center;
  background: #101010; }
  /* line 238, C:/webdev/tryphonos/css/styles.scss */
  footer a {
    color: #898989;
    text-decoration: none; }
    /* line 242, C:/webdev/tryphonos/css/styles.scss */
    footer a:hover {
      text-decoration: underline; }

@media screen and (max-width: 760px) {
  /* line 251, C:/webdev/tryphonos/css/styles.scss */
  body.history main .strip, body.development main .strip, body.technology main .strip {
    max-width: 90%;
    margin: 0 5%; }
  /* line 255, C:/webdev/tryphonos/css/styles.scss */
  #logo-symbol {
    position: static;
    margin: 15px auto; }
  /* line 259, C:/webdev/tryphonos/css/styles.scss */
  #logo-word {
    float: none;
    margin: 0 auto; }
  /* line 263, C:/webdev/tryphonos/css/styles.scss */
  nav {
    margin: 10px 0 0 0; }
  /* line 267, C:/webdev/tryphonos/css/styles.scss */
  main {
    clear: both; }
    /* line 270, C:/webdev/tryphonos/css/styles.scss */
    main h1 {
      margin: 0 0 15px 0;
      text-align: center; }
    /* line 275, C:/webdev/tryphonos/css/styles.scss */
    main img.banner {
      width: 100%; }
  /* line 284, C:/webdev/tryphonos/css/styles.scss */
  ul#nav-tiles li a {
    height: 307px;
    font-size: 180%; }
    /* line 288, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li a .labelpos {
      top: 240px; }
    /* line 292, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li a:hover .labelpos {
      top: 235px; }
    /* line 296, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li a:hover {
      font-size: 210%;
      background-image: -webkit-linear-gradient(top, transparent, transparent);
      background: linear-gradient(to top, transparent, transparent); } }

@media screen and (max-width: 600px) {
  /* line 309, C:/webdev/tryphonos/css/styles.scss */
  ul#nav-tiles li {
    float: none;
    width: 90%;
    margin: 0 5% 10px 5%; }
    /* line 314, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li a {
      height: 107px;
      font-size: 280%; }
      /* line 318, C:/webdev/tryphonos/css/styles.scss */
      ul#nav-tiles li a .labelpos {
        top: 40px; }
      /* line 322, C:/webdev/tryphonos/css/styles.scss */
      ul#nav-tiles li a:hover .labelpos {
        top: 40px; }
      /* line 326, C:/webdev/tryphonos/css/styles.scss */
      ul#nav-tiles li a:hover {
        font-size: 310%;
        background-image: -webkit-linear-gradient(top, transparent, transparent);
        background: linear-gradient(to top, transparent, transparent); }
    /* line 333, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li.history {
      background: url(../images/t2-iom01.jpg) center center no-repeat;
      background-size: 100% auto; }
    /* line 337, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li.development {
      background: url(../images/t75-track04.jpg) center center no-repeat;
      background-size: 100% auto; }
    /* line 341, C:/webdev/tryphonos/css/styles.scss */
    ul#nav-tiles li.technology {
      background: url(../images/t75-track02a.jpg) center center no-repeat;
      background-size: 100% auto; } }

@media screen and (max-width: 460px) {
  /* line 351, C:/webdev/tryphonos/css/styles.scss */
  body.home nav {
    display: none; }
  /* line 355, C:/webdev/tryphonos/css/styles.scss */
  nav {
    float: none;
    background: #272727; }
    /* line 361, C:/webdev/tryphonos/css/styles.scss */
    nav ul li {
      float: none;
      text-align: center; } }

/*# sourceMappingURL=styles.css.map */