body {
    text-align: center;
    background-color: rgba(0, 131, 202, 0.40);
}
main.container{
    padding-top: 100px;
}
nav{
    width: 100%;
    padding: 1em 0;
    background-color: rgba(85, 106, 111, 0.70);
    border-bottom: 1px solid #DDDDDD;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
    position: fixed;
    transition: all .5s ease;
    z-index: 99999
}
nav.change{
    background-color: rgba(0, 131, 202, 0.70);
    transition: all .5s ease;
    
}
nav ul{
    /*width: 1127px;*/
    padding: 4px 0;
    margin: 0 auto;
    text-align: right;
}
nav ul li{
    display: inline;
}
nav ul li a{
    text-decoration: none;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
    padding: .71428571em .92857143em;
    margin: 0 .35714286em;
}
nav ul li a:link{
    color: #fff;
}
nav ul li a:hover{
    background-color: rgba(0, 0, 0, 0.1);
}
a:focus, a:hover{color: #fff; text-decoration: none;}
#logo {
    margin: 0 1em;
}
img.example {
    /*width: 125px;*/
    width: 180px;
    border: 4px solid #fff;
}
.info-head {
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
}
.caption-fb{
    border-radius:3px;
    resize: none;
    overflow:hidden;
    width: 92%;
    padding: 10px;
}
.share-btn{
    width: 160px;
    margin-bottom: 20px;
}
span.share{
    font-size: 1em;
}
.button-img{
    background-color: #fff !important;
    color: #fff;
    padding: 0px 0px !important;
    border-radius: 3px;
    border: 1px solid rgba(137,135,135,0.5) !important;
    font-size: 16px;
    text-shadow: none;
}
.button-img:hover {
    background-color: #B5BDC0;
    border: 1px solid rgba(255,255,255,.5);
}
@media screen and (max-width: 410px) {
    nav{
        background-color: rgba(85, 106, 111, 0.70);
        padding: 0
    }
    nav ul{
        padding: 0px 0;
        margin: 0 auto;
        text-align: center;
    }
    nav ul li a{
        text-decoration: none;
        font-weight: bold;
        padding: 1em .6em;
    }
}
@media screen and (max-width: 365px){
    nav ul li a{
        text-decoration: none;
        font-weight: bold;
        padding: 1em .4em;
    }
}
@media screen and (max-width: 335px){
    nav ul li a{
        font-weight: bold;
        padding: 1em .3em;
    }
}
@media screen and (max-width: 320px){
    nav ul li a{
        font-weight: bold;
        padding: 1em 0;
    }
}