
body{
    height: 100%;
    width: 100%;
    position: absolute;
    background-position: center center fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.container{
    margin-bottom:100px !important;
}
.container h2{
    color:silver;
    text-align: center;

}
.container hr{
    width:100px;
    border:2px solid rgba(255, 0, 0, 0.4);
    margin-bottom:15px;
    border-radius:20px;
}
.container .col-sm-6{
    margin-top:10px;
}
.jumbotron {
    border-radius: 0px !important;
    padding: 0 !important;
}

.jumbotron h1,
.jumbotron h2,.jumbotron p {
    color: silver !important;
    font-family:cursive;
}

.nav-pills .nav-link {
    border-radius: 0px !important;
    text-align: center !important;
    background:#362f22 !important;
}

.nav-pills .nav-link:hover {
    opacity: 0.5 !important;
}

.fakeimg {
    width:90%;
    margin:5%;
    padding:15px;
    box-shadow: 0px 2px 5px rgba(0,0,0,4);
}

.fakeimg img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.container .col-sm-4 {
    margin-bottom: 20px;
    transform: translatey(0px);
    /* animation: float 6s ease-in-out infinite; */
}
.backbtn{
    position: relative;
    width:80%;
    margin:0 auto;
    margin-top:20px;
}
.backbtn a i{
    color:silver;
    font-size:16pt;
    border:4px solid silver;
    padding:5px;
    border-radius: 100px;
}
.backbtn a:hover{
    opacity: 0.5;
}
@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}
.myLogo img{
    width:100%;
    
}
.myFooter{
    background:#362f22;
    position: fixed;
    width:100%;
    bottom:0;
    z-index:100;
    padding:10px !important;
}