/*Sign up form styling*/
.header-bottom{
    margin-bottom:0px;
    padding:30px;
    background-color: #13607C;
    color:white;
    font-family: 'Raleway', sans-serif;
}

.header-bottom h2,
.header-bottom p{
    text-align: center;
}
.header-bottom h2{
    margin-bottom:20px;
}
.header-bottom a{
    text-decoration:underline;
    color:skyblue;
    
}
.header-bottom a:hover{
    color:#A45AB5;
}

form{
    border-radius: 4px;
    font-size:0;
    border-color:solid black 2px;
    text-align:center;
}
input{
    margin-top:20px;
    display:inline-block;
    height:50px;
    width:180px;
    font-size:20px;
    background-color: white;
}
input:placeholder-shown{
    font-size: 15px;
    text-align: center;
    border:solid 1px #13607C;
}
.header-bottom button{
    margin:0 auto;
    margin-top: 40px;
    margin-bottom:20px;
    color:white;
    display: block;
    border-radius: 50px;
    padding:4px;
    height:55px;
    width:185px;
    font-size:16px;
    background-color:transparent;
    border:1px solid white;
    cursor: pointer;
}
.header-bottom button:hover{
    border:1px solid #A45AB5;
    color:#A45AB5;
    transition-delay: 0.1s;
}

p.llenar{
    color:red;
}
@media (max-width: 880px) {

    .grad-header{
        height:100%
    }

    .grad-header .header-top,
    .grad-header .header-middle,
    .grad-header .header-bottom{
        display: block;
        margin-bottom: 10px;
    }
    .grad-header .header-bottom input,
    .grad-header .header-bottom button{
       display:block;
    }
    .grad-header .header-bottom button{
        margin-top:10px;
        margin-left:0;
    }
    .header-right{
        display: block;
    }
}