body {
    background-image: url("../img/medibg2.jpg");
    width: 98.8vw;
    height:100vh;
    background-size: cover;
    background-repeat: round;
    position:relative;
}

.container {
    height: 91.7vh;
    /*margin-top:16px;*/
}

/*----- footer  -----*/

.site-footer-bottom {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
}

    .site-footer-bottom a {
        color: black;
        text-decoration: none;
    }

        .site-footer-bottom a:hover {
            color: blue;
        }

.site-footer-link {
    color: black;
}

.copyright-text {
    margin-left: 10px;
    color: var(--section-bg-color);
    font-size: var(--copyright-font-size);
    margin-right: 30px;
}

/*------*/
/*---------------------------------------
  FEATURE BLOCK              
-----------------------------------------*/
.featured-block {
    text-align: center;
    transition: all 0.5s ease;
    /*min-height: 256px;*/
    padding: 15px;
}

    .featured-block:hover {
        background: white;
        border-radius: 20px;
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    }

    .featured-block a {
        text-decoration: none;
    }


    .featured-block:hover .featured-block-image {
        transform: scale(0.75);
    }

.featured-block-image {
    background-color: rgba(255, 255, 255, .3);
    border-radius: 50%;
    display: block;
    margin: auto;
    transition: all 0.5s;
}

.left-img .featured-block-image {
    
    background: none;
}


.featured-block-text {
    color: black;
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px;
    transition: all 0.5s;
}

    .featured-block-text:hover {
        color: blue;
    }
@media screen and (min-width:1000px) {
    .left-img .featured-block-image {
        margin-top: -100px;
    }
}
@media screen and (max-width:500px) {
    .container {
        height: 94.5vh;
    }
}
    @media screen and (max-width:750px) {
        .container {
            height: 100% !important;
        }

        .left-img {
            /*height:50vh;*/
        }
    }


    @media screen and (max-width:1280px) {
        .featured-block-text {
            font-size: 15px;
            font-weight: normal;
        }

        .featured-block {
            /*padding: 0;*/
        }

        .site-footer-bottom {
            /*padding-top: 10px;
  padding-bottom: 10px;*/
        }

        .container {
            height: 89.5vh;
        }
    }