﻿body {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 60px;
    font-weight: 300;
    line-height: 65px;
    text-align: center;
}

#wrap {
    height:100%;
  width:100%;

  text-align: center;  /* align the inline(-block) elements horizontally */
  font: 0/0 a;
}

.container-full {
	max-width: 100%;

  display: inline-block;
  vertical-align: middle; 
}

/* Header */
header {
    height: 60px;
    background-size: 60px 100%;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) { }

header img {
    float: left;
    margin: 22px 0 0;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) { }

.panel-construccion {
    margin: 200px 0 0 0;
}

.panel-construccion h1 {
    margin: 0 0 60px 0;
    line-height: 80px;
}

.panel-construccion p {
    text-align: center;
}


/* Mobile styles */
@media (max-width: 767px) {

     .container-full {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .panel-construccion {
        margin: 100px 0;
    }
}


/* Tablets and mobile */
@media (min-width: 768px) and (max-width: 991px) {

    .panel-construccion .row {
        text-align: center;
    }

}