body{

background-color:bisque;
font-size:100%
font-family:'Lato',sans-serif;
font-weight:400;
}

header{
    margin-top:-60px;
    background-color:bisque;
    height:200px;
}
header h1{
    font-family:sans-serif;
    font-size:6em;
    text-align:center;
    line-height:2.0em;
}
nav {
    margin-top:-17px;
    width:100%;
    height:50px;
    background-color:azure;
}
nav ul{
    list-style: none;
}
nav li{
    color:antiquewhite;
    width:12%;
    float:left;
    font-family: sans-serif;
    font-size:1.5em;
    line-height: 2.0em;
    text-align:center;
}
nav li a{
    text-decoration:none;
}
nav li:hover{
    background-color:bisque;
    color:black;
}
main{
    background-color:bisque;
}
.container{
    max-width:510px;
    min-width:324px;
    margin:50px auto 50px;
    background-color:#fff;
    border:1px solid #cfcfcf;
    border-bottom:3px solid #ccc;
}
.row{
    width:100%;
    margin:0 0 1em 0;
    padding:0 2.5em;
}
.row.header{
    padding:1.5em 2.5em;
    border-bottom: 1px solid #ccc;
    background-color:black;
    color:#fff;
}
.row.body{
    padding:.5em 2.0em 1em;
}
.pull-right{
    float:right;
}
.btn{
    font-size:1.0625em;
    display:inline-block;
    padding:0.74em 1.5em;
    margin:1.5e4m 0 0;
    color:#fff;
    border-width:0 0 0 0;
    border-bottom:5px solid;
    text-transform: uppercase;
    background-color:black;
    border-bottom-color:#8c8c8c;
    font-family:'Lato',sans-serif;
    font-weight: 300;
}
.btn:hover{
    background-color:#374d78;
}
.btn.btn-submit{
    background-color:black;
    border-bottom-color:#374d78;
}
.btn.btn-submit:hover{
    background-color:bisque;
}
form{
    max-width:100%;
    display:block;
}
form ul{
    margin:0;
    padding:0;
    list-style:none;
}
form ul li{
    margin:0 0 0.25em 0;
    clear:both;
    display:inline-block;
    width:100%;
}
form ul li:last-child{
    margin:0;
}
form ul li p{
    margin: 0;
    padding:0;
    float:left;
}
form ul li p.right{
    float:right;
}
form ul li .divider{
    margin:0.5em 0 0.5em 0;
    border:0;
    height:1px;
    width:100%;
    display:block;
    background-color:#4f6fad;
    background-color:linear-gradient(to right, #ee9cb4, #4f6fad);
}
form ul li .req{
    color:#ee9cb4;
}
form label{
    display:block;
    margin:0 0 0.5em 0;
    color:bisque;
    font-size:1em;
}
form input{
    margin:0 0 0.5em 0;
    border: 1px solid #ccc;
    padding:6px 10px;
    color:#555;
    font-size:1em;
}
form textarea{
    border:1px solid #ccc;
    padding:6px 10px;
    width:100%;
    color:#555;
}
form small{
    color: #4f6fad; 
    margin: 0 0 0 0.5em;
}
#family{
    height:500px;
}
footer{
    height:40px;
    background-color:black;
    color:white;
    text-align:center;
    line-height:2.2em;
}
@media only screen and (max-width:480px){
    .pull-right{
        float:none;
    }
    input{
        width:100%;
    }
    label{
        width:100%;
        display:inline block;
        float:left;
        clear:both;
    }
    li,p{
        width:100%;
    }
    input.btn{
        margin:1.5em 0 0.5em;
    }
    h1{
        font-size:2.25em;
    }
    h3{
        font-size:1,125em;
    }
    li small{
        display:none;
    }
}