html { 
  background: url('../images/bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
	color: #000;
	font-weight: 400;
	font-size: 1.125em; /* 18px base font */
	font-family: 'Lato', sans-serif;
	line-height: 1.3em;
}

a {
  color: #000;
  text-decoration: none;
}

strong {
  font-weight: 700;
}

#page {
  padding: 18px 30px;
  max-width: 600px;
  margin: 0 auto;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.5);
}

#logo {
  width: 540px;
  max-width: 100%;
  margin: 10px auto 25px;
}

#logo img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

#intro {
  color: #333;
  text-align: center;
  max-width: 600px;
  margin: 20px auto 30px;
}

#type {
  color: #333;
  text-align: center;
  max-width: 600px;
  margin: 20px auto 30px;
}

#type ul {
  padding-left: 0;
  margin: 10px 0;
}

#type ul li {
  list-style: none;
}

#details {
  margin: 40px auto 10px;
  overflow: hidden;
  text-align: center;
}

#contact {
  text-align: center;
  margin: 0 auto 15px;
  position: relative;
  font-weight: bold;
  color: #000;
}

#contact .line {
  display: block;
  width: 0px;
  height: 3px;
  background: #333;
  position: absolute;
  top: 10px;
}

#contact .line-before {
  left: 0;
}

#contact .line-after {
  right: 0;
}

#email,
#mobile {
  display: inline;
  margin: 0 20px;
  color: #333;
  padding-top: 10px;
}

#email strong,
#mobile strong {
  margin-right: 4px;
}

#email {
  margin-left: 0;
}

#email a {
  color: #333;
}

#mobile {
  margin-right: 0;
}

#mobile a {
  color: #333;
}


@media only screen and (max-width : 660px) {

  #email,
  #mobile {
    display: block;
    margin: 3px 0;
  }
	
}