body,
html 
{
width:100%;
height:100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 
{
font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:700;
}

.margin-top-20
{
margin-top:20px;
}

.content
{
padding-top:70px;
}

.sparse-page
{
padding-top:70px;
padding-bottom:50px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -55px;
}

.banner
{
background:#d9edf7;
background-size:cover;
padding:10px 0;
margin-bottom:10px;
}

.banner > h2
{
text-align:center;
color:#31708f;
}

.intro-header 
{
padding-top:50px;
padding-bottom:50px;
text-align:center;
color:#f8f8f8;
background:url(/static/images/background.jpg) no-repeat center center;
}

.intro-message 
{
position:relative;
padding-top:22%;
padding-bottom:18%;
}

.intro-message > h1 
{
margin:0;
text-shadow:2px 2px 3px rgba(0,0,0,0.6);
font-size:5em;
}

.intro-message > h1 > small
{
color:lightgray;
font-size:45%;
}

.intro-message > h3 
{
text-shadow:2px 2px 3px rgba(0,0,0,0.6);
}

@media (min-witdh: 600px)
{
.banner > hr
{
width:400px;
border-top:1px solid #f8f8f8;
border-bottom:1px solid rgba(0,0,0,0.2);
}

.intro-divider 
{
width:400px;
border-top:1px solid #f8f8f8;
border-bottom:1px solid rgba(0,0,0,0.2);
}
}

footer 
{
padding-top:20px;
padding-bottom:10px;
background-color:#f8f8f8;
}

.separator
{
content:' ';
display:inline-block;
background:#ADADAD;
margin:0 10px;
height:12px;
width:1px;
}

.drop
{
height:200px;
text-align:center;
vertical-align:middle;
padding-top:80px;
margin-bottom:20px;
background-color:#f5f5f5;
border:4px dashed #e3e3e3;
border-radius:8px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
}

.img-shadow
{
box-shadow:10px 10px 5px 0px rgba(0,0,0,0.45);
}

.file-box
{
margin-top:30px;
min-height:270px;
}

.img-index-left
{
margin-left:-35px;
}

.img-index-right
{
margin-left:35px;
}

.row-no-margin
{
margin-left:0px;
margin-right:0px;
}

.table
{
margin-bottom:0px;
}

p.blog
{
text-align: justify;
}