*{ padding: 0; margin: 0;  font-family: 'Roboto', sans-serif; }

body{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#efefef+0,e0e0e0+100 */
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #e0e0e0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #efefef 0%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #efefef 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

    min-height: 100vh;
    background-size: cover;
    display: flex;
    flex-direction: column;
    color: #a0a0a0;
    align-items: center;
    justify-content: center;
}

.date-terms{
    margin-top: 15px;
     color: #444444 !important;
}

.container{
    display: flex;
    flex-direction: column;
    width: 70%;
    max-width: 900px;
}

header{
    text-align: center;
    color: #ffffff;
    padding: 25px 0;
    align-items: center;
    justify-content: center;
}

.img-reponsive{
    max-width: 300px;
}

.title{
    text-align: center;
    align-items: center;
    padding: 10px 0;
}
.title > h1{
    color: #333;
    text-transform: uppercase;
    margin-bottom: 10px;
}

form{
    justify-content: center;
    display: flex;
    background: #ffffff;
    flex-direction: column;
    border-radius: 5px;
    border-top:5px solid #342D2B;
    padding: 15px;
}

form:hover{
    -webkit-box-shadow: -2px 7px 25px -7px rgba(0,0,0,0.79);
    -moz-box-shadow: -2px 7px 25px -7px rgba(0,0,0,0.79);
    box-shadow: -2px 7px 25px -7px rgba(0,0,0,0.79);
}

.row{
    display: flex;
    margin-bottom: 20px;
    flex-direction: column

}
.row > span{
    display: flex;
    width: 100%;
    margin-bottom: 5px;

}
.row > input{
    padding: 10px 10px;
    border-radius: 5px;
    border:1px solid #CCC;
    color: #a0a0a0;
}

.btn{
    background: #342D2B;
    cursor: pointer;
    color: #ffffff;
    border: none;
    padding: 13px;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}
.btn:hover{
    background: #444;
}

.links{
    text-align: center;
}
.links a{
    text-decoration: none;
    color: #342D2B;
    font-weight: bold;
    margin-top: 10px;
}
.links a:hover{
    color: #444;
}

.show-term{
    height: 350px;
    overflow: scroll;
    padding-right: 30px;
}

.print-term{
    margin-top: 30px;
}


.print-term{
    color: #a0a0a0;
    margin-right: 10px;
    text-decoration: none;
}

.print-term:hover{
    color: #444444;
}

footer{
    color: #342D2B;
    padding: 25px 0;
    text-align: center;
}
footer p{
    font-size: 0.7rem;
}

@media(max-width: 500px){

    .container{
        width: 95%;
    }

}