@font-face {
  font-family: 'TeXGyreAdventor-Regular';
  font-style: normal;
  font-weight: normal;
  src: local('../fonts/TeXGyreAdventor-Regular'), 
  url('../fonts/texgyreadventor-regular.woff') format('woff');
}

@font-face {
  font-family: 'TeXGyreAdventor-Bold';
  font-style: normal;
  font-weight: normal;
  src: local('../fonts/TeXGyreAdventor-Bold'), 
  url('../fonts/texgyreadventor-bold.woff') format('woff');
}

#main { 
  background-color:#ccc;
  background-image:url('../img/glassesbw2_bg.jpg');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  overflow:hidden;
  min-height:100vh;
}
#logo {
  width:400px;
  background:#2f2f2f;
}
img {
  display:block;
}
a {
  color: #2f2f2f;
  font-family:TeXGyreAdventor-Bold;
  font-size:1.5em;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
#text {
  width:360px;
  padding:20px;
  background:#d3d901;
}
.more_holder {
  background:#fff;
  font-family:TeXGyreAdventor-Regular;
  font-size:1.1em;
  line-height:1.6em;
  width:400px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  border-bottom: 6px solid #2f2f2f;
}
.more_holder p {
  margin:0;
  padding:20px;
  padding-bottom:0;
}
.mail {
  padding-left:20px;
  padding-bottom:20px;
}
.small, .mail a {
  font-size:.9em;
  font-family:TeXGyreAdventor-Regular;
}
@media (max-width: 576px) {
	#logo,#text,.more_holder {
	  width:100%;
	}
}