:root {
 --color-blue-arrialsi:#293C63;
  --color-white:#fff;
}

* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;;
}
ul{
    list-style:none;
}

h4, p, a{
    font-size: 18px;
    line-height: 28px;
    
}
a{
  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
  text-decoration:none;
}

a, a:visited, a:focus{
    color:#fff !important;
}

.content-arrialsi{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow:hidden;
    height:100vh;
    position:relative;
   
}
.container-build{
    width:28%;
    z-index:1000;
    background-size:cover !important;
    background-repeat:no-repeat !important;
}
.container-build-izq{
    background:url(../img/arrialsi_edificioHome_izquierda.png);
    background-position:90% 65px;

}
.container-logo{
    padding-top:50px;
    width:45%;
    text-align:center;

}
.container-logo img{
    margin-top:50px;
    width:380px;
    
}
.container-build-der{
    background:url(../img/arrialsi_edificioHome_derecha.png);
    background-position:0% 65px;

}

.text-box{
    width:100%;
    height:25%;
    background-color:var(--color-blue-arrialsi);
    position:absolute;
    bottom:0;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    color:var(--color-white);
    text-align:center;
}

.text-box-cont{
    width:60%;
    height:100%;
    margin:0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;

}
.text-box-cont p{
    width:100%;
   text-align:center;
   padding:0px 20px;
   margin-bottom: 15px !important;
   
}
.text-box-cont .line{
    height:70px;
    border-left:1px solid #fff;
    -webkit-transform:translateX(50%);
        -ms-transform:translateX(50%);
            transform:translateX(50%);
}

.text-box-cont  a.know{
    width:100%;
    padding:10px 0px;
}


@media screen and (max-width:1199px) {
.container-logo img{
    width:340px;
    
}
.text-box-cont{
    width:45%;
}

.text-box-cont p{
   margin-bottom:5px !important;
   
}

.text-box .line{
     height:50px;
 
}

}

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

.container-logo img{
    width:300px;
    margin-top: 80px;
    
}
}

@media screen and (max-width:850px) {
.container-logo img{
    width:270px;
    margin-top: 10px;
    
}
}


@media screen and (max-width:767px) {
.container-logo{
        height:75%;
}

.container-logo{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
}

.container-logo img{
    width:380px;
    -webkit-transform:none;
        -ms-transform:none;
            transform:none;
    margin-top:0px;
    
}

.container-build{
    display:none;
}
.container-logo{
    width:100%;
    padding-top:0;
}

.text-box-cont{
    width:90%;
}

.text-box-cont p{
   margin-bottom:15px !important;
   
}



}

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


.container-logo img{
    width:280px;
    
}
.container-logo {
    height: 65%;
}

.text-box{
    height:35%;

}
.text-box .line{
     height:70px;
 
}

}

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

.text-box{
    height:40%;

}
.container-logo {
    height: 60%;
}
.container-logo img{
    width:200px;
    
}

.text-box .line{
    height:50px;
 
}

}

@media screen and (max-width:340px) {}