body {
    font-size: 14px;
    font-family: Verdana, sans-serif;
}
.clear{clear: both;display: block;width: 100%;float: none;}
.clear:before{content: " ";height: 0;}
h1,h2,h3,h4,h5{font-family: 'Aclonica', sans-serif;}
.h1,h1{font-size:2rem}.h2,h2{font-size:1.5rem}.h3,h3{font-size:1.25rem}
.h4,h4{font-size:1.1rem}.h5,h5{font-size:1rem}
dl, ol, ul {margin-top: -10px;margin-bottom: 1em;padding-left: 25px;}
ol.roman{list-style-type: upper-roman;}
.a-left{text-align: left;}
.a-center{text-align: center;}
.a-right{text-align: right;}
.a-justify{text-align: justify;}
label{font-weight: 600;}
.bg-dots{
    background: url(../images/dots.png) repeat;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
}
.bg-container{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}
.bg-img{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 0;
    background-image: url(../images/bg-wiki-caelus.jpg);
    background-position: right bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #1f2924;
}
a,a:hover,a:active{color: #000;}
header{margin-bottom: 20px;}
main{color: #333;height: 100%;}
.main-container{min-height: 100%;position: relative;}
.footer{background: rgba(0,0,0,0.4);color: #e8e8e8;padding: 4px 0;display: block;}
.footer a,.footer a:hover{color: #fff;}
.sidebar .box,.content .box{background-color: rgba(255,255,255,0.9);padding: 10px 15px;border-radius: 10px;}
.sidebar .box{margin: 0 -15px;}
.content .box{margin-right: -15px;}
.sidebar a{font-family: 'Aclonica', sans-serif;font-size: 1.2em;}
.sidebar ul{margin: 0;padding: 0;}
.sidebar li{border-bottom: 1px #c5c5c5 solid;margin-bottom: 5px;}
.sidebar li .sub-menu a{font-size: 1em;}
.sidebar li .sub-menu:before{content: "- ";padding-left: 2px;}
.sidebar li:last-child{border: none;margin: 0;}
.content a{border-bottom: 1px #b5b5b5 dashed;}
.content a:hover,.content a:active{border-bottom: 1px #000 solid;text-decoration: none;}
.content figure.ilustracao{float: right;border-radius: 10px;margin-left: 5px;max-width: 460px;height: auto;}
.chest-404{margin: 20px 0;}
.figure{float: right;border-radius: 10px;margin-left: 5px;max-width: 460px;}
.devotos .figure{max-width: 410px;}
.figure img, .banner img{height: auto;width: 100%;}
.figure small, .banner small{width: 100%;text-align: right;display: block;}
.figure .fig-mobile, .banner .fig-mobile{display: none;}
.content a.go-to-up{font-size: 2em;background-color: #fff;border: none;position: fixed;bottom: 10px;right: 10px;z-index: 999;padding: 0px 12px 8px 12px;line-height: normal;}
.content .mini-figure{float: left; margin-right: 10px;}
.content .citacao{font-size: 0.9em;color: #000;}
.ordem-celestial .armas img{width: 49%;display: inline-block;margin-right: 1%;margin-bottom: 15px;}
.ordem-celestial .armas img:nth-child(even){margin-right:0;}
.toggle-button-nav{position: absolute;right: 20px;font-weight: bold;font-size: 2em;line-height: 0;top: 20px;}
#mobile_nav,#hide_nav{display: none;}
@media (max-width: 1200px) { 
    
}
@media (max-width: 992px) { 
    .figure{width: 100%;max-width: none;}
    .figure .fig-mobile, .banner .fig-mobile{display: block;}
    .figure .fig-desktop,.banner .fig-desktop{display: none;}
    .content .mini-figure{margin: 0;display: block;float: none;text-align: center;}
}
@media (max-width: 768px) { 
    body{background-color: #1f2924;}
    .content > .box{margin-left: -15px;}
    .sidebar nav.box{margin-bottom: 5px;}
    .ordem-celestial .armas img{width: 100%;margin-right: 0;margin-bottom: 15px;}
    #main_nav{display: none;}
    #mobile_nav,#hide_nav{display: block;}
}