body,html{

    height:100%; /* needed for container min-height */

    background: #e3ae70;



}



#footer{

    background: #7e7e7e;

    padding: 15px 0px;

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    display: block;

    text-align: center;

}

#footer .footerButton .btn{

background: #fff;

    min-width: 150px;

}

#footer .footerButton .btn .fa{

    margin-right: 10px;

}

.bgmain{

 

 }

body>.container,

body>.container-fluid

{

    height: 90%;

    min-height: 90%;

    background-image: url("bg.jpg");

    background-repeat: no-repeat;

    background-attachment: fixed;

    position: relative;

    background-size: 80% 100% ;

    background-position: center;

}

.anabutonlar a{

    background: #fff;

    width: 28%;

    margin-bottom: 15px;

    margin: 1.3%;



    background: rgb(221,221,221);

    background: linear-gradient(0deg, rgba(221,221,221,1) 50%, rgba(238,238,238,1) 54%, rgba(255,255,255,1) 100%);

}

.anabutonlar a:hover{



    background: rgb(221,221,221);

    background: linear-gradient(180deg, rgba(221,221,221,1) 50%, rgba(238,238,238,1) 54%, rgba(255,255,255,1) 100%);

}

.anabutonlar{

    position: absolute;

    top:60px;

    right: 50px;

    width: 70%;

}

@media (max-width: 767.98px) {

    .anabutonlar {

        width: 100%;

        top: 20px;

        left: 0;

        text-align: center;

    }

    .anabutonlar a {

        width: 42%;

        margin: 1%;

        min-height: 70px;

    }

    #footer .footerButton .btn{

        width:100%;

        color: #fff;

        background: none;

        min-width: 100%;

    }

    #footer .footerButton .btn span{



        display: none;

    }

    #footer {

        padding: 0;

    }

    body>.container,

    body>.container-fluid {

        height: 100%;

        min-height: 100%;

        background-image: url("bgmobil.jpg");

    }

    }