.haconBG {
    background-color:#eee;
}

.haconFont {
    color:#777;
    font-family: sans-serif;
}

.haconFont h2 {
    width:100%;
    display:block;

    font-size:30px;
    font-weight:bold;
    text-align:center;
    margin:0;
    padding:20px 0;
}

.haconFont .text {
    line-height:24px;
}

.haconBG nav {
    text-align: center;
    background:rgba(255,255,255, 0.6);
}

.haconBG nav a {
    display:inline-block;
    padding:20px 30px;
    font-weight: bold;
    cursor: pointer;
}

.switchToFullscreenButton {
    background:#ce1719;
    border:none;
    font-size:0;
    font-weight:bold;
    padding:4px;
    border-radius:4px;
}
.switchToFullscreenButton:hover {
    cursor: pointer;
    background:#ce1719;
}

.switchToFullscreenButton img {
    width:26px;
    height:26px;
}

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

    .haconBG nav a {
        padding: 5px 10px;
    }
}