body { font-family:"Dejavu Sans",sans-serif;background-color:#90EE90;font-size:1.1em;}
.container {
    margin:.5em;
    padding:1em;
    border-radius:20px;border:1px;border-color:#003153 !important;background-color: white;
}
#content {
    width:90%;
    margin:auto;
    
}

@media (min-width:768px){
	.container {
	    margin:1em;
	    padding:1em;
	    border-radius:20px;border:1px;border-color:#003153 !important;background-color: white;
	}
	#content {
	    width:72%;
	    margin:auto;
	    
	}	
	#cover {
	    height:380px;
	    overflow:hidden; 
	}	
}

@media (max-width:768px){
	#cover {
	    width:100%;
	    height:300px;
	    overflow:hidden; 
	}
}


#coverImg {
    display:block;
    margin:auto;
    width:100%;
}


h1 { font-family:"Dejavu Sans",sans-serif;font-size:1.5em;color:#003153;border-bottom: 1px dotted grey;margin:.2em;font-weight: 600;padding-top:2em}
h2 { font-family:"Dejavu Sans",sans-serif;font-size:1.3em;color:#003153;margin:2em 0 0 0;font-weight: 600;}
.homeh2 { font-size:1.1em;color:darkblue;margin:.2em;font-weight: 600;}
h3 { font-family:"Dejavu Sans",sans-serif;font-size:1.1em;color:#003153;margin:2em 0 0 0;font-weight: 600;}
.homeh2 { font-size:1.1em;color:darkblue;margin:.2em;font-weight: 600;}
a { text-decoration:none; }
.col { float:left;margin:2em;padding:0 1em 1em 1em;border-radius:20px;border:1px solid grey;background-color: white;vertical-align: top;}
.subtle { background-color:rgb(147, 161, 126);}
ul { margin:.1em;padding:.1em .5em .5em .8em;list-style: square;}
img {
    margin-right:1em;
}

hr {
    margin:1em;
    border-bottom: 1px dotted grey;
    
}
input, textarea {
    border:1px dotted grey;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color:steelblue;
    color:white;
    font-size: .8em;
    border:1px dotted grey;
}
.smallInput {
    width: 40%;
}
nav {
    height:110px;
    line-height: 3em;
    background-color: #D73B5F;
    margin:0;
    color:#90EE90;
    font-weight: bold;
}

#logo {
    float:left;
    margin:5px;
    
}

#legion{
    margin-top:20px;
}


nav ul {
    padding:0 1em;
    margin:0;
   float:right;
}

nav li {
    list-style: none;
    display: inline-block;
    font-size: 1em;
    margin-right: 1em;
}

nav a {
    text-decoration: none;
    color:#90EE90;
}

#actions{
    margin:1em;
}
.actionButton {
    background-color: green;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    padding:.3em;
}
.success {
    background-color:#003153;
    color:white;
    border-radius:10px;
    padding:.5em;
}

/* FORMS */
.formCard{
    background-color:rgb(229, 229, 229);
    border-radius: 5px;
    padding:1em;
    width:50%;
    display: inline-block;
    margin: 1em 20em 20em 20em;
}
label {
    font-weight:bold;
    float:left;
}
input[type=text], select, textarea {
    padding: 2px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input[type=text]:focus {
border: 1px solid #b1b1b1;
}
textarea{
    height: 10em;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: #003153;
    color:white;
}