@font-face {
    font-family: 'Raleway', 'sans-serif';
    src: url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,600");
}

/* Elementos comunues*/
body {
    font-family: 'Raleway', sans-serif;
    font-size: 62.5%;
}

button {
    font-family: 'Raleway', sans-serif;
}

p {
    font-size: 220%;
    margin-top: 20px;
    line-height: 25px;
}

strong {
    font-weight: bold;
}

.relative {
    position: relative;
}

.sub {
    text-align: center;
    font-size: 180%;
    margin: 20px;
}

.color-shk {
    background: linear-gradient(45deg, rgba(0, 113, 185, 1) 0%, rgba(138, 111, 143, 1) 35%, rgba(255, 81, 28, 1) 100%);
    -webkit-background-clip: text;
    /*solo funciona en chrome y safari*/
    color: transparent;
}

.oculto {
    display: none;
}

.persn {
    background-size: contain;
    background-repeat: no-repeat;
}

.btnOculto {
    display: none;
}

.centrado {
    text-align: center;
}

.upper {
    text-transform: uppercase;
}

.flex {
    display: flex;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.aling-center {
    align-items: center;
}

.self-center {
    align-self: center;
}

.titulo {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 350%;
    padding: 30px 0px;
}

.titulo-sub {
    background-image: url(../images/section/title-background.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    margin: 0 0 20px;
}

/*  Margenes y alturas   */

.min-h {
    min-height: 500px;
}

.mg-t {
    margin-top: 50px;
}

.mg-b {
    margin-bottom: 50px;
}

.mg-05 {
    margin: 0 5vw;
}

.mg-1 {
    margin: 0 10vw;
}

.mg-0 {
    margin: 0 0 !important;
}

.max-w {
    max-width: 500px;
}

.w-150 {
    width: 150%;
}

.w-100 {
    width: 100%;
}

.w-30 {
    width: 60%;
}

/*  FIN margenes   */

.btn {
    font-size: 160%;
    color: #fff;
    text-decoration: none;
    background: rgb(0, 113, 185);
    background: linear-gradient(45deg, rgba(0, 113, 185, 1) 0%, rgba(138, 111, 143, 1) 35%, rgba(255, 81, 28, 1) 100%);
    padding: 20px;
    border-radius: 15px;
    text-transform: uppercase;
    margin: 30px 10px;
    cursor: pointer;
}
.img-construccion{
    width: 100%;
}