@charset "utf-8";

 .header{
        	background-color: navy;
        	background-size: cover;
        	color: white;
        	font-size: 20px;
        	padding-bottom: 5px;
        	padding-top: 5px;
        	text-align: center;
        }
        a {
        	text-decoration: none;
        	color: white;
        }
        .logo5 {
        	text-align: center;
        }
        h1{
        	text-align: center;
	        color: navy;
	        font-family: Garamond, serif;
	        font-size: 70px;
	        margin-top: -10px
        }
        
        .footer{
        	left: 8px;
			margin-top: 1030px;
        	bottom: 0;
        	background-color: navy;
        	color: white;
        	font-size: 20px;
        	padding: 5px;
        }

/* Position the image container (needed to position the left and right arrows) */
        .container {
            position: absolute;
            margin-left: 100px;
        }

/* Hide the images by default */
        .mySlides {
            display: none;
            text-align: center;
        }

/* Add a pointer when hovering over the thumbnail images */
        .cursor {
            cursor: pointer;
        }

/* Next & previous buttons */
        .prev,
        .next {
            cursor: pointer;
            position: absolute;
            top: 55%;
            width: auto;
            padding: 16px;
            margin-top: -20%;
            background: navy;
            color: white;
            font-weight: bold;
            font-size: 20px;
            border-radius: 0 3px 3px 0;
            user-select: none;
            -webkit-user-select-moz-user-select: none;
        }

/* Position the "next button" to the right */
        .next {
            right: 30%;
            border-radius: 3px 0 0 3px;
        }
/* Position the "prev button" to the left */
        .prev {
            left: 30%;
            border-radius: 3px 0 0 3px;
        }

/* On hover, add a black background color with a little bit see-through */
        .prev:hover,
        .next:hover {
            background-color: #000000;
        }

/* Number text (1/3 etc) */
        .numbertext {
            color: #f2f2f2;
            font-size: 12px;
            padding: 8px 12px;
            position: absolute;
            top: 0;
        }


/* Twelve columns side by side */
        .column {
            float: left;
            width: 8.33%;
        }

/* Add a transparency effect for thumnbail images */
        .demo {
            opacity: 0.6;
        }

        .active,
        .demo:hover {
            opacity: 1;
        }