body {
    font-family: Calibri;
    background-color: #cae8dc;
    background-attachment: fixed;
    background-size: cover;
    color:rgb(0, 0, 0);
    text-align:center;
    margin-top:70px;
    margin-bottom:350px;
    
}
.navbar-fixed-top{
    clear:both;
    position:fixed;
    top:0px;
    width:100%;
    z-index:100;
}

#headLogo {
    width:45px;
    height:45px;
}


 .nav-item.active{
    background-color:rgba(0, 0, 0, 0.45);
     z-index: 101;
}


.container{
    max-width:1080px;
    
}

.jumbotron{
    background-color:transparent;
    color: #000000;
    letter-spacing: 2.5px;
    text-align:center;
    margin:0;
    padding: 10px;
}
.row{
    margin-top:25px;
    margin-right: auto;
    margin-left:auto;
    
}
.col-md-4 *{
    text-align:center;
    margin-top:3px;
}

.col-md-4 h1{
    background-color:rgba(14, 92, 14, 0.6);
    border-radius:12px;
    width:100%;

}





footer{
    position:fixed;
    color:white;
    text-align:center;
    width:100%;
    text-align:center;
    bottom:0px;
    background-color: RGBA(0,0,0, 0.55);
    padding:10px;
    

}

#footerMore{
    display:none;
}

.social, .social:hover, .social a, .social a:hover{
text-decoration:none;
color:white;
border-radius:7px;
width:45px;
height:45px;
  padding:5px;
  margin:5px;
  line-height:2;
  }

.social-youtube{
    background-color:rgba(200,0,0, 0.40);
}
.social-youtube:hover{
    background-color:rgba(255, 1, 1, 0.81);
}
.social-twitter{
    background-color:rgba(51, 182, 242, 0.63);
}
.social-twitter:hover{
    background-color:rgba(76, 219, 245, 0.73);
}
.social-patreon{
    background-color:rgba(227, 149, 43, 0.72);
}

.social-patreon:hover{
    background-color:rgba(255, 184, 25, 0.9);
}

    @media screen and (Max-height: 768px){
        footer {max-height:55px;}
       #footerMore{
            display:block;
        }
}

    @media screen and (min-height: 800px){
        footer {max-height:350px;}
       #footerMore{
            display:none;
        }
}