header {
    margin-top: -8px;
    text-align: center;
    background-color:black;
    font-size: 60px;
    font-family:sans-serif;
    border-top-right-radius: 1000px;
    border-top-left-radius: 1000px;
    border-top: 4px solid orange;
    border-bottom: 4px solid orange;
    border-left: 4px solid orange;
    border-right: 4px solid orange;
    color:orange;
}
#nav{
     border:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin-bottom:10px;
    margin-top: 0px;
    padding:0;
    text-align:left;
    background-color:black;
    border-color:aqua;
   border-bottom-right-radius: 1000px;
    border-bottom-left-radius: 1000px;
    font-size: 20px;
    font-family:sans-serif;
    border-top: 4px solid orange;
    border-bottom: 4px solid orange;
    border-left: 4px solid orange;
    border-right: 4px solid orange;
    text-align:center;
   
}
body{
    background-color: purple;
}
#nav li{
    display:inline;

}

#nav a{
    display:inline-block;
    padding:10px;
     text-decoration:none;
    border-width:medium;
    color: orange;
    
}

.nav > li > a:hover, .nav > li > a:focus {
  background-color: orange;
    color:black; 
    
}
#nav ul li:hover a{ 
     color:black;
}

div, textarea, input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
}
.container{
max-width: 510px;
min-width: 324px;
margin: 50px auto 50px;
background-color: orange;
border: 1px solid orange;
border-bottom: 3px solid black;
}

.row{
width: 100%;
margin: 0 0 1em 0;
padding: 0 2.5em;
}

.row.header{
padding: 1.5em 2.5em;
border-bottom: 1px solid black;
background-color: orange;
color: purple;
}

.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.5em 0 0;
color: #fff;
border-width: 0 0 0 0;
border-bottom: 5px solid;
text-transform: uppercase;
background-color: purple;
border-bottom-color: #8c8c8c;
font-family: 'Lato', sans-serif;
font-weight: 300;
}

.btn:hover{
background-color: purple;
}

.btn.btn-submit{
background-color: darkolivegreen;
border-bottom-color: #374d78;
}

.btn.btn-submit:hover{
background-color: olive;
}

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-image: linear-gradient(to right, #ee9cb4, #4f6fad);
}

form ul li .req{
color: yellow;
}

form label{
display: block;
margin: 0 0 0.5em 0;
color: purple;
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: purple;
margin: 0 0 0 0.5em;
}

#family{
height: 400px;
}