.header {

	background-color:#000;

	color:white;

	padding:5px 1em 5px 1em;

	border-bottom:4px solid #C00;

}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}


.header h1 {

    font-family: Broadway;

    font-weight:normal;

}



#divHomeImage {

	background-color:#000;

	border:3px solid #000;

	position:absolute;

	top:10px;

	left:10px;

	z-index:3;

}

#imgHeaderHome {

	height:150px;

	border:2px solid #fff;

}



.navbar-brand {

	padding:0;

}



.header a {

	color:white;

}



.headerLink a:hover {

	color:white;

}



.headerLink a:visited {

	color:white;

}



.active {

    color:#000;

    background-color:#eef;

}



.sortable th {

    cursor:ns-resize;

  }



.footer {

	background-color:#eee;

	color:black;

	padding:5px 1em 5px 1em;

	border-top:2px solid gray;

    margin-top:2em;

}



hr {

	color:#004080;

	background-color:#004080;

	height:2px;

}



.clickable {

	cursor: pointer;

}



@font-face {

    font-family: Broadway;

    src: url(Broadway.ttf);

}



    @media screen and (min-width: 768px) {

        .mobile-title {

            display: none;

        }

    }



    @media screen and (max-width: 767px) {

        #imgHeaderHome {

            height: 80px;

            border: none;

        }





        .navbar-header {

            background-color: #000;

            border-bottom: 4px solid #C00;

        }



            .navbar-header button {

                background-color: #ddd;

            }



        .navbar-brand {

            display: none;

        }



        .mobile-title {

            float:left;

            display: block;

            font-family: Broadway;

            font-weight: normal;

            margin: 10px;

            font-size: 20px;

            color: white;

            background-color: #000;

            font-weight: bold;

        }



            .mobile-title a {

                color: white;

                text-decoration: none;

            }



                .mobile-title a:hover {

                    text-decoration: underline;

                }



                .mobile-title a:visited {

                    color: white;

                }



        .mobile-subtitle {

            font-size: 12px;

            font-style: italic;

        }

    }