body{ display:flex; flex-direction:column; }
main{ flex:1; }
a{
    color: var(--secondary);
    text-decoration: none;
}
a:hover{
    cursor: pointer;
    text-decoration: none;
    color: var(--primary);
}
h1{
    font-size: 1.9rem;
    font-weight: 700;
    margin: 2rem 0;
    color: #2880e1;
    font-family: 'Squada One', Arial, Helvetica, sans-serif;
    letter-spacing: .05rem;
}
h3{
    font-size: 1.2rem;
    font-weight: 400;
    padding: .5rem;
    color: #2880e1;
    font-family: 'Squada One', Arial, Helvetica, sans-serif;
    letter-spacing: .05rem;
}
th{
    max-width: 150px;
}
.customer {
    margin-top: 6rem;
}
.form-textarea{
    color: var(--txt);
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.danger{
    color: var(--danger);
    font-style: italic;
    font-weight: 500;
    font-size: .9rem;
    padding: .5rem;
    margin: .5rem;
    background-color: #e9b1b1;

}
.danger a{
    text-decoration: none;
    color: #eb1919;
    font-weight: 600;
}
.danger a:hover{
    cursor: pointer;
    text-decoration: underline;
}
.term{
    display: flex;
    align-items: center;
}
.anon_options{
    overflow: hidden;
    max-height: 0;
    display: none;
}
.iconeBtn {
    display: inline-block;
    background-color: white;
    width: .8rem;
    height: .8rem;
}
.btnMain:hover .iconeBtn{
    transition: all .6s;
    background-color: var(--primary);
}
.form-register{
    margin: 0 auto;
    max-width: 60vw;
}
/* .login{
     margin: 8rem auto 4rem auto;
     max-width: 60vw;
} */
.reset{
    margin: 8rem auto 6rem auto;
    max-width: 60vw;
    min-height: 40vh;
}
.span12{
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: var(--secondary) solid .05rem;
    padding: .5rem;
    margin: .3rem 0;
    transition: all .4s;
}
.span12:hover{
    box-shadow: inset 0 -.2rem 0 var(--primary);
    background-color: rgba(238, 238, 238, 0.5);
}
#panel{
    overflow: hidden; 
}
#gallery{
    display: flex;
    flex-wrap: wrap;
}
#gallery img{
    max-width: 250px;
    margin: .5rem;
}
.table{
    margin: 0 auto;
    width: 100%;
}
.table th{
    background-color: rgb(233, 233, 233);
}
.table td{
    text-align: center;
}
@media only screen and (min-width:576px) {
    
}