h1.title {
    padding: 10px;
    display: block;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 10px;
}

p {
    font-size: 1.5em;
}

dialog {
    position: fixed !important;
    top: 20px;
    left: calc(5% - 10px);
    width: 90%;
    height: 90%;
    background-image: url('../texture_newspaper.png');
    background-repeat: repeat;
    opacity: 0.96;
    display: block;
    z-index: 999;
    margin: 0px;
    padding: 0px;
    border: 5px solid #FE6702;
}

dialog .dg_content_bg {
    background-color: #fff;
    opacity: 0.85;
    width: 94%;
    height: 94%;
    position: relative;
    left: 3%;
    top: 3%;
}

dialog .dialog_header {
    background-color: #000;
    opacity: 0.85;
    position: relative;
    top: 0px;
}

dialog button.closeDialog {
    background-color: #f00;
    color: #000;
    padding: 10px;
    font-weight: 700;
    font-size: 2em;
    position: relative;
    height: 100%;
    right: 0px;
    float: right;
    border: none;
}

dialog .dialog_header h1 {
    display: inline-block;
    margin: 0px;
}

dialog button.closeDialog:hover {
    background-color: #fff;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

h1 {
    color: #fff;
}

@media screen and ( max-width: 769px) {
    ul#navbar {
        display: none;
    }
    ul#navbar li {
        display: block !important;
    }
    .visible {
        display: block !important;
    }
    div#icon-hamburger {
        visibility: visible !important;
        display: block;
        padding: 10px;
    }
    div#icon-hamburger div.line {
        width: 35px;
        height: 5px;
        background-color: #fff;
        margin-top: 5px;
    }
    ul#navbar li.right-nav {
        display: block !important;
        width: 100%;
        position: relative;
        left: 0px;
    }
}