.body-index {
    background: url('../images/bg-index.jpg') no-repeat top;
}

.font-bold {
    font-weight: 700;
}

/* Menu */

#sidebar-wrapper {
    background-color: rgba(176, 201, 229, 0.8);
}

.sidebar-nav {
    position: relative;
}

.sidebar-nav > .sidebar-brand {
    border: 0;
    height: 130px;
    margin-bottom: 40px;
}

.sidebar-brand > a > img {
    display: block;
    margin: 45px auto;
}

.sidebar-nav li {
    border-bottom: 1px solid #fff;
    text-align: center;
    text-indent: 0;
}

.sidebar-nav li a {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.radio {
    font-size: 18px;
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
}

.phones {
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    padding: 0 45px;
}

/* Index */

.salmo {
    color: #fff;
    font-size: 28px;
    margin-top: 20px;
}

.bg-box-index {
    background-color: rgba(176, 201, 229, 0.7);
    height: 320px;
    margin-top: 145px;
    padding: 25px;
}

.bg-box-index > a > p, .bg-box-index > a:hover {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-top: 30px;
    text-decoration: none;
}

/* Footer */

footer {
    background-color: rgba(176, 201, 229, 0.7);
    padding: 5px 0 0;
}

.copyright {
    font-weight: 700;
}

/* Internas */

.bg-box-interna {
    background-color: rgba(176, 201, 229, 0.7);
    margin-top: 145px;
    padding: 25px;
}

.bg-box-interna > h2 {
    border-bottom: 1px solid #fff;
    margin: 0 0 20px;
}

/* Contato */

.bg-box-contato {
    background-color: rgba(176, 201, 229, 0.7);
    margin-top: 45px;
    padding: 25px;
}

.bg-box-contato > h2 {
    border-bottom: 1px solid #fff;
    margin: 0 0 20px;
}

/* Comunidade */

.body-comunidade {
    background: url('../images/bg-comunidade.jpg') no-repeat top;
}

.text-shadow {
    text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.8);
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    
    .navbar {
        min-height: 130px;
        position: relative;
    }
    
    .navbar-nav {
        margin: 0 -15px;
    }
    
    .navbar-brand > img {
        width: 80%;
    }
    
    .navbar-inverse {
        background-color: #4a81b9; 
        border-color: transparent;
    }
    
    .navbar-inverse .navbar-nav > li > a {
        border-bottom: 1px solid #fff;
        color: #000;
        font-size: 20px;
        font-weight: 700;
    }
    
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #fff;
        margin-top: 80px;    
    }
    
    #page-content-wrapper {
        position: relative;
        padding: 0;
    }
    
    .salmo {
        font-size: 24px;
        margin-top: 0;
    }
    
    .bg-box-index {
        height: 290px;
        margin-top: 15px;
        padding: 30px 15px 0;
    }
    
    .bg-box-interna, .bg-box-contato {
        margin-top: 0;
    }
    
    .bg-box-index > a > p, .bg-box-index > a:hover {
        font-size: 18px;
    }
    
    .b2web {
        bottom: -120px;
        left: 37%;
    }
    
}