body {
  background-image: url(images/background-photo.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:#464646;
  }

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /*background-image: url(images/background-photo-mobile-devices.jpg);*/
  }
}


/* Presentational */
html, body, .container {
  height: 100%;
}

/* Reset */
html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

/* Basic */
body { 
  font: 15px/20px "Viga", sans-serif;
  color: #ffffff;
}

h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 70px;
  line-height: 70px;
  font-weight: 400;
}

a {
  color: #ffffff;
}

p {
  margin: 0 0 0;
}

strong {
  font-weight: 700;
}

.container {
  display: table;
  width: 100%;
}

.content {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding:5%;
}


/* Media Queries */
@media only screen and (max-width: 667px) {
  
  .container {
    position: relative;
    display: block;
    float: left;
    vertical-align: baseline;
    margin: 0 auto;
  }
  
  body h1 {
    font-size: 18px;
    line-height: 23px;
  } 

  html, body, .container {
    height: auto;
  }
}

.tel,
.mail,
.lugar {
	background-image: url(images/icon_phone.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding:10px 0px 10px 40px;
	}
.mail {
	background-image: url(images/icon_mail.svg);
	}
.lugar {
	background-image: url(images/icon_location.svg);
	}