@media (min-width: 300px) {
    .bgraund-page
    {
        background-image: url('backgrounddd.jpg');
        background-repeat: no-repeat;
        bottom: 0;
        left: 0;
        overflow: auto;
        padding: 3em;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-top: -60px;
        


    }
}

@media (min-width: 768px) {
    .bgraund-page
    {
          background-image: url('backgrounddd.jpg');
        background-repeat: no-repeat;
        bottom: 0;

        left: 0;
        overflow: auto;
        padding: 3em;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;



    }
}

@media (min-width: 992px) {
    .bgraund-page
    {
          background-image: url('backgrounddd.jpg');
        background-repeat: no-repeat;
        bottom: 0;
        
        left: 0;
        overflow: auto;
        padding: 3em;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;


    }
}

@media (min-width: 1200px) {
    .bgraund-page
    {
         background-image: url('backgrounddd.jpg');
        background-repeat: no-repeat;
        bottom: 0;
              left: 0;
        overflow: auto;
        padding: 3em;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;



    }
}

.nav-link  {
    color:#fff!important;
    text-align: center !important;
    font-size: 20px;
}


.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -o-transition: all .3s ease; /* IE 9 */
    -ms-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
    position: relative;
}

.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform: scale(1.20); /* Firefox */
    -ms-transform: scale(1.20); /* IE 9 */
    -o-transform: translatZ(0) scale(1.20); /* Opera */
    transform: translatZ(0) scale(1.20);
}

.img-hover:hover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 30px;
    height: 30px;

}

.grayscale {
    -webkit-filter: brightness(1.10) grayscale(100%) contrast(90%);
    -moz-filter: brightness(1.10) grayscale(100%) contrast(90%);
    filter: brightness(1.10) grayscale(100%);
}