body {
        background: rgb(200, 226, 233);
        font-family: Arial, Helvetica, Helvetica Neue, sans-serif;
        margin: 0;
        padding: 0   }

      


    header { background: rgb(19, 138, 189) ;
             background-image: url("images/mri\ knee.jpg");
             background-repeat: no-repeat;
             background-size: 100%;
             padding: 20px ;
             height: 400px;
            }

    

    ul {
        list-style-type: none;
        padding: 0;
        text-align: right}

     li {
        display: inline-block;
        padding: 0px 0px 0px 0px;
        margin-left: 20px;
        border-radius: 2px;
        }  

    li:hover {background-color: rgba(97, 176, 228, 0.361)}


    a {text-decoration: none;}
    a:hover {text-decoration: underline}



    button.feature-box.title {
            color: rgb(255, 255, 255);
            opacity: 0.9;
            background: rgb(124, 124, 124);
            border: none;
            border-radius: 10px
            }

   button.mycv {
            color: none;
            background: none;
            opacity: 0.9;
            border: none;
            border-radius: 10px;
            text-transform: uppercase;
            }

     button.aoee {
            color: none;
            background: none;
            opacity: 0.9;
            border: none;
            border-radius: 10px;
            text-transform: uppercase;
            }       


 





    section {background: rgb(230, 246, 252);
            color: grey;
            padding: 20px;
            display: flex;
            justify-content: center;
            flex-direction: row;
            }


    .feature-box figure {
         align-content: center;
        margin: 10px 20px 10px 50px;
        text-align: center;
        text-transform: uppercase;
    }

    .feature-box figure img {
        border-radius: 50%;
        width: 400px ;
        box-shadow: grey 0 0 10px;
        }











    .feature-box.sales div {
        padding: 30px 50px 50px 50px;
        text-align: justify;
        background: rgb(170, 174, 175);
        color: rgb(255, 255, 255);
        border-radius: 50px;
        width: 600px;
        height: 480px; 
        margin: 10px auto;
    }
    

.feature-box.title div {
    text-transform: uppercase;

}


    .feature-box.aoe {
        padding: 40px 50px 50px 50px;
        text-align: justify;
        background: rgb(170, 174, 175);
        color: rgb(255, 255, 255);
        border-radius: 50px;
        width: 500px;
        height: 600px; 
        margin: 50px auto;}
    


 @media screen and (min-width: 940px)
{ header { height: 200px;
           background-position: 0 -540px}}




@media screen and (max-width: 687px)
{ .feature-box {display: block;}}















    







footer { 
    background: rgb(0, 0, 0);
    padding: 20px 20px 20px 20px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-family: Arial, Helvetica, Helvetica Neue, sans-serif;
    font-size: 14px;}