/* @author antaresyee */

/* CSS RESET */
body {
  margin:0;
}

* {
  padding:0px;
  margin:0px;
}

tr {
  margin:0px;
  padding:0px;
}

td {
  margin:0px;
  padding:0px;
}

/* GENERAL */
.nav_column {
  width:60%;
  max-width:530px;
  margin:0 auto;
  margin-top:100px;
}

.center_column {
  width:60%;
  max-width:530px;
  margin:0 auto;
}

.detail_column {
  width:73%;
  max-width:530px;
  margin:0 auto;
}

.two_column {
  width:70%;
  max-width:900px;
  min-width:400px;
  margin:0 auto;
}

.top_line {
  width:100%;
  height:1px;
  margin-top:90px;
  margin-bottom:37px;
  background-color:#d8d8d8;
}

.detail_img {
  width:100%;
  margin:0 auto;
  margin-bottom:20px;
}

.detail_img_mobile {
  display:block;
  width:50%;
  margin:0 auto;
  margin-bottom:50px;
}

.detail_img_ipad {
  display:block;
  width:80%;
  margin:0 auto;
  margin-bottom:50px;
}

.detail_description {
  margin-top:20px;
}

.inset_link:hover {
  opacity:.6;
}

/* TEXT */
* {
  text-align:justify;
  font-family:georgia,serif;
  font-size:17px;
  color:#373737;
}

h2 {
  font-family: Georgia;
  font-size:23px;
  color:#373737;
  font-weight:normal;
}

h3 {
  font-family: Georgia;
  font-size:19px;
  font-weight:normal;
  color:#373737;
  line-height:200%;
}

h4 {
  font-family: Georgia;
  font-size:23px;
  font-weight:normal;
  color:#373737;
  line-height:200%;
}

a {
  text-decoration:none;
  color:#0f9d78;
}

p {
  line-height:180%;
}

a:hover {
  color:#96c4b8;
}

/* HEADER */
header {
  width:100%;
  margin:0 auto;
}

h1 { /* logo */
  text-align:center;
  font-weight:normal;
}

h1 a { /* logo */
  font-family: Arial, sans-serif;
  font-size:34px;
  color:#373737;
}

ul {
  width:100%;
  margin:0 auto;
  text-align:center;
}

ul li { /* nav items*/
  list-style-type:none;
  display:inline;
  margin-left:12px;
  margin-right:12px;
}

ul li a { /* nav links */
  font-size:14px;
  color:#373737;
}

/* FOOTER */
footer p {
  text-align:center;
  font-size:14px;
}

.bottom_line {
  width:100%;
  height:1px;
  margin-top:100px;
  margin-bottom:30px;
  background-color:#d8d8d8;
}

/* MOBILE */
@media screen and (max-width:480px) {
  .nav_column {
    width:95%;
    margin-top:50px;
  }

  .center_column {
    width:87%;
    margin:0 auto;
  }

  .top_line {
    width:76%;
    margin:0 auto;
    margin-top:90px;
  }
}


/* @author antaresyee */

.shards_container {
  width:100%;
  height:500px;
  margin-top:90px;
}

.shards {
  background:url("../img/shards.png") repeat center top;
  width:100%;
  height:100%;
  display:none;
}

.main_content {
  margin-top:100px;
}

#about_link {
  cursor:pointer;
}

/* MOBILE */
@media screen and (max-width:480px) {
  .shards_container {
    height:240px;
  }

  .main_content {
    margin-top:36px;
  }
}

/* EXTENDED */
@media screen and (min-width:1281px) {
  .shards_container {
    height:600px;
  }
}