@import url("chevin/font.css");
/*
Edited YUI CSS Reset

Copyright (c) 2011, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html, version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}a{color:inherit;text-decoration:none}header,footer,section,nav{display:block}

html, body {
  color: white;
  background: #20366d;
  font-family: 'Chevin Light';
}

section {
  width: 735px;
  margin-left: auto;
  margin-right: auto;
}
.logo {
  margin-top: 175px;
  margin-bottom: 116px;
}
.logo p {
  display: none;
}
.logo h1 {
  overflow: hidden;
  text-indent: -10000px;
  width: 696px;
  height: 380px;
  background: url("logo.png") no-repeat;
  background-size: 696px 380px;
  margin: 0 auto;
}
.hline {
  height: 1px;
  overflow: hidden;
  background: #b4b4c9;
  width: 694px;
  margin: 0 auto;
}
.intro {
  margin-top: 95px;
}
.intro p {
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  color: #00aea8;
}
.info {
  margin-top: 70px;
  margin-bottom: 140px;
  text-align: center;
  font-size: 20px;
}
.info h2 {
  margin-bottom: 60px;
}
.info p {
  margin-bottom: 8px;
}
.info a {
  display: inline-block;
  height: 20px;
  border-bottom: 1px solid #616894;
}
.info a:hover {
  border-bottom: 1px solid #9fa4c7;
}

@media only screen and (max-width: 735px) and (min-width: 310px) {
  html section {
    width: 100%;
  }
  html .logo {
    margin-top: 75px;
    margin-bottom: 45px;
  }
  html .logo h1 {
    width: 300px;
    height: 164px;
    background: url("logo.png") no-repeat;
    background-size: 300px 164px;
    margin: 0 auto;
  }
  .intro {
    margin-top: 40px;
  }
  .intro p {
    margin: 0 15px;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #00aea8;
  }
  .intro p br {
    display: none;
  }
}

@media only screen and (max-width: 694px) and (min-width: 310px) {
  html .hline {
    width: 90%;
    margin: 0 5%;
  }
}