.body {
    background-color: #a6a6a6;
    color: #006622;
}

html {
    background: url(images/paper_1/paper_1.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header {
    font-family: 'Tagettes', 'Bilbo', 'Elegante', cursive;
    /* font-family: 'Tagettes', 'Bilbo Swash Caps', 'Elegante', cursive; */
    /* font-family: "Brush Script MT", cursive; */
    /* font-family: "Elegante", sans-serif; */
    font-size: 1.5em;
    color: #006400;
    text-align: center;
    /* padding-top: 20px; */
    left: 0px;
    z-index: 2;
    width: 100%;
    position: fixed;
    top: 0;
    line-height: 1.1;
    background: url(images/paper_1/paper_1.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* The navbar container */
.topnav {
    background-color: #808080;
    /* opacity: 0.5; */
    /* background: rgba(0.52, 0.52, 0.52,  0.5) */
    z-index: 1;
    width: 100%;
    position: fixed;
    left: 0px;
    padding-top: 170px;
    padding-bottom: 0px;
    font-size: 1em;
    font-family: 'Ubuntu Mono', sans-serif;
}

/* Navbar links */
.topnav a {
    float: right;
    display: block;
    color: #006622
    text-align: right;
    padding: 0px 39px;
    text-decoration: none;
}

/* Links - change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
} 



.column {
    float: left;
    padding-top: 190px;
    padding-left: 5px;
    color: #006400;
    /* font-family: 'Bilbo Swash Caps', sans-serif; */
    font-family: 'Bilbo', sans-serif;
    font-weight: bold;
    font-size: 1.7em;
}

/* Left and right column */
.column.side {
    padding-top: 210px;
    width: 18%;
    position: fixed;
}
@media only screen and (max-device-width: 480px) {
    .column.side {
	display: none;
	}
}

.column.side > .row {
    text-align: center;
}

.column.side.left{
    left: 0;
}
.column.side.right{
    right: 0;
}


/* Middle column */
.column.middle {
    width: 64%;
    overflow: auto;
    margin-left: 18%;
    margin-right: 18%;
}
@media only screen and (max-device-width: 480px) {
    .column.middle {
	width: 92%;
	overflow: auto;
	margin-left: 4%;
	margin-right: 4%;
    }
}

.column.middle > .row {
    background: rgba(80, 80, 80, 0.04) ;
}


.footer {

    text-align: right;
    padding: 10px;
}

.cryptedmail:after {
    content: attr(data-name) "__at__" attr(data-domain) "." attr(data-tld);
}


.alignleft {
    float: left;
}
.alignright {
    float: right;
}

#trimage {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
    z-index:3;
    text-align: right;
}

#tlimage {
    position: absolute;
    top: 0px;
    left: 0px;
    float: left;
    z-index:3;
    text-align: left;
}


th, td {
    border: 1px solid black;
    border-radius: 10px;
}