body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family:'Assistant', san-serif; 
    font-size: 19px;
    line-height:2.5rem;
    color:#fff;
}

html, body {
  sheight: 100%;
  dmargin: 0;
}

#form1 {
    height:100%;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

main a {
    color:#aaffff;
    text-decoration:solid underline;
}

main a:hover {
    color:#ffffff;
    font-weight: 500; 
}

.footer-copyright {
    color:#777 !important;
    font-size:0.9rem;
    line-height:2rem;
}

.content-filler {
    margin-top:auto;
}
h1 {
    font-family:'Crimson Text', serif; 
    font-size:2.0rem;
}

h2 {
    font-family:'Crimson Text', serif; 
    font-size:1.8rem;
}
h3 {
    font-size:1.6rem;
}

h5 {
    font-size:1.5rem;
    line-height:2.0rem;
}

#nav li, #nav a {
    border:none !important;
    overflow:hidden;
    margin:0px;
}

.dropdown-content {
    background-color: rgba(0,0,0,0.9) !important;
}


.dropdown-content li > a {
    color: #ddd;
    font-size: 1rem;
}

    .dropdown-content li > a:hover {
        background-color: #555;
        color: #fff;
        font-size: 1rem;
    }

.side-nav {
    background-color: #444;
}

    .side-nav a {
        color: #ffffff !important;
        font-size: 1.0em;
        padding: 0px 10px !important;
        height: 60px;
    }

        .side-nav li:hover, .side-nav a:hover {
            background-color: #000;
        }

.page-footer {
    line-height:2.2rem;
}

footer a {
    color: #ccc;
    line-height: 2.7rem;
}

footer a:hover {
    text-decoration:underline;
    color: #fff;
}

.collapsible-header.active {
    color:#ddd;
    box-shadow:rgba(0,0,0,5);
    transition-duration:.5s;
    transition:ease-in-out;
}

.keyboard-focused, .collapsible-header:focus {
    background-color:rgba(0,0,0,0.1) !important;
}


        .bg-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,207cca+51,207cca+72,ffd166+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #207cca 51%, #207cca 72%, #ffd166 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000000 0%,#207cca 51%,#207cca 72%,#ffd166 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000000 0%,#207cca 51%,#207cca 72%,#ff8300 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ddd166',GradientType=0 ); /* IE6-9 */
}

        .div-gradient {
            background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(red , yellow); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, white -1000%, transparent 100%); /* Standard syntax */
  padding:20px !important;
  
        }

         .footer-bg-gradient {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(red , yellow); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#003366, #001122 10%,  #000000); /* Standard syntax */
}

         nav .brand-logo {
    margin-top:10px;
}

.collapsible {
    border:none;
    box-shadow:none;
}

.collapsible-header {
    background-color: transparent;
    border:none;
}

.collapsible-body {
    background-color: transparent;
    sstext-indent:50px;
    position:relative;
    left:30px;
    border:none;
     background-color: rgba(0,0,0,0.1);
     padding:20px;
}

.slider {
    height: 700px !important;
}
ul.slides {
    height: 700px !important;
}

.slides .caption a {
    font-size: 24px;
}

.slides h3, .slides h5 {
    text-shadow: 3px 3px 8px #000;
}

.sidenav {
    z-index:1111;
    background-color:#010817;
}
.sidenav li>a {
    color:#eee;
    font-size:20px;
}
.sidenav li>a:hover {
    background-color:#0a244b;
}

.sidenav .divider {
    background-color:#0a244b;
}

.parallax-container {
  height: 300px !important;
}




/*************/
/*  GALLERY  */
/*************/
.materialboxed {
    width: 100%;
}