body {
            background-image: url('images/bg-top.jpg');
            background-repeat: no-repeat;
            background-color: #062c2f;
            font-family: 'Times New Roman', Times, serif;
            text-align: center;
            color: white;
            margin: 0px;
            padding: 0px;
        }

        .row.content {
            /*height: 1500px*/
        }

        .sidenav {
            height: 100%;
            padding: 5px;
            margin: 5px;
        }

        .maincontent {
            border-color: #eee;
            border-style: solid;
            border-width: 2px;
            border-radius: 15px;
            background-color: rgba(50,50,50,.4);
            height: 100%;
            margin-left: 10px;
            margin-top: 25px;
            padding: 20px;
            font-size: 16px;
        }

        h3, h4 {
            font-size: 21px;
        }


        footer {
            color: white;
            padding: 15px;
            text-transform: uppercase;
        }

        a {
            color: white;
        }

        .archive {
            border-color: rgba(255, 255, 150, 0.7);
            background-color: rgba(70, 70, 70, 0.6);
            border-style: solid;
            border-width: 2px;
            border-radius: 15px;
            padding: 10px;
        }

            .archive a {
                color: white;
                text-decoration: none;
            }

                .archive a:hover {
                    color: white;
                    text-decoration: none;
                    text-shadow: 0px 0px 15px rgba(255, 255, 0, 0.9);
                }

        .links {
            padding-top: 5px;
        }

            .links a {
                color: white;
                text-decoration: none;
            }

                .links a:hover {
                    color: white;
                    text-decoration: none;
                    text-shadow: 0px 0px 10px rgba(255, 255, 0, 0.9);
                }

        hr {
            padding: 0px;
            margin: 10px;
        }

        ul li {
            margin-top: 40px;
            margin-bottom: 60px;
        }

        .link {
            padding: 5px;
            font-size: 60px;
        }

        .link li a {
            color: #fff !important;
            /*background-color: transparent !important;*/
            text-decoration: none;
            text-shadow: -1px 0 rgba(255,255,150, .2), 0 1px rgba(255,255,150, .2), 1px 0 rgba(255,255,150, .2), 0 -1px rgba(255,255,150, .2);
            padding: 15px;
            border-color: rgba(255, 255, 150, 0.7);
            background-color: rgba(50, 50, 50, 0.65);
            border-style: solid;
            border-width: 2px;
            border-radius: 15px;
        }

            .link li a:hover, .link a.active {
                border-color: rgba(255, 255, 150, 0.7);
                border-style: solid;
                border-width: 2px;
                border-radius: 15px;
                text-decoration: none;
                color: #fff !important;
                /*border-color: rgba(255, 255, 150, 0.7);*/
                background-color: rgba(35, 35, 35, 0.65);
                /*background-color: transparent !important;*/
                /*text-shadow: 20px 10px 50px rgba(255, 255, 255, 0.8);*/
                text-shadow: 0px 0px 35px rgba(255, 255, 0, 1.0);
                -webkit-box-shadow: 5px 5px 3px 1px rgba(10, 10, 10, 0.7);
                -moz-box-shadow: 5px 5px 3px 1px rgba(10, 10, 10, 0.7);
                box-shadow: 5px 5px 3px 1px rgba(10, 10, 10, 0.7);
            }

        .thumbnail {
            padding: 5px;
            border: none;
            border-radius: 15px;
            background-color: white;
            color: #333;
            font-size: 20px;
            padding-top: 15px;
        }

            .thumbnail img {
                margin-bottom: 15px;
            }

            .thumbnail:hover {
                box-shadow: 2px 0px 50px 5px #fff;
            }

            .thumbnail a {
                color: #444;
                text-decoration: none;
            }

                .thumbnail a:hover {
                    color: #444;
                    text-shadow: 0px 0px 4px rgba(50, 50, 50, 0.6);
                    text-decoration: none;
                }

        footer a:hover, footer a:active {
            color: #00aaff;
            text-decoration:none;
        }

        /* On small screens, set height to 'auto' for sidenav and grid */
        @media screen and (max-width: 767px) {
            .sidenav {
                height: auto;
                padding: 15px;
            }

            .row.content {
                height: auto;
            }
        }