@media screen and (min-width:0px){
    body.home-soporte{
        height: 100vh;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background: url(../images/bg-soporte-datelco.jpg) no-repeat center/cover;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
    }
    body.home-soporte #container{
        border-radius: 15px;
        position:relative;
        max-width:840px;
        width:98%;
    }
    body.home-soporte #container::before{
        content:"";
        display:block;
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        width:80%;
        height:38px;
        margin:auto;
        transform:translateY(50%);
        background:#EE8E10;
        border-radius:50px;
    }
    body.home-soporte #header{
        position: relative;
    }

    body.home-soporte #header #logo{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
    }
    body.home-soporte #nav{
        border-radius:17px;
        display:flex;
        flex-direction:column;
        background:#AAAAAA;
        height:auto;
    }
    body.home-soporte #landing_page .green.button{
        background:#EE8E10;
    }
    body.home-soporte #clientLogin > div{
        display:flex !important;
        flex-direction: column;
    }
    body.home-soporte #clientLogin .login-box{
        width:100%;
    }
    body.home-soporte #clientLogin .login-box .btn{
        background:#25A0CC;
        color:#fff;
    }
}
@media screen and (min-width:500px){

    body.home-soporte #header .pull-right {
        position:absolute;
        right: 25px;
        top: 10px;
    }
    body.home-soporte #clientLogin > div{
        flex-direction: row;
    }
    body.home-soporte #clientLogin .login-box{
        width:50%;
    }

}
@media screen and (min-width:674px){
    body.home-soporte #nav{
        flex-direction:row;
    }
}
@media screen and (min-width:700px){
    body.home-soporte #clientLogin .login-box{
        width:40%;
    }
}