external.css

.navstyle
{
    padding-left: 30px;
    padding-right: 30px;
 }
 .Team_1 {
  font-weight: bold;
  }

 .image{
     @media (min-width: 768px){
         width: 20px;
         height: 20px;
     }
 }
 .signup_image{
                background-image: url(https://www.crowell.com/files/images/Websites_Redesign_Backgrounds_DT_Robotics1_2018.jpg);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                height: 800px;
                max-width: 100%;  
 }
.report{
                background-image: url(image/aiinmedical4.jpeg);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                height: 800px;
                max-width: 100%;  
 }
 .result_image{
                background-image: url(image/aiinmedical1.jpg);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                height: 800px;
                max-width: 100%;  
 }
.content
{
     min-height: 600px;
     max-width: 500px;
     margin-top: 140px;
     padding-top: 50px;
     padding-bottom: 50px;
}
#banner_image
            { 
                background-image: url(https://www.healthindustryhub.com.au/wp-content/uploads/2019/09/AI-in-medical-affairs.jpg);
                background-size: 100%;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                margin-top: 25px;
                height: 800px;
                max-width: 100%;
            } 
            #banner_content
            {
                position: relative;
                padding:5%;
                margin-top: 10%;
                margin-bottom: 35%;
                margin-left: 750px;
                background-color: rgba(0,0,0, 0.3);
                width: 500px;
                color: #f9f9f9;
                font-size: 20px;
                font-style: bold;
                font-family: 'serif sans';

                
            }
#footer_content{
      padding: 5px 0;
      background-color: #101010;
      color:#9d9d9d;
      bottom: 0;
      width: 100%;
      height: 100px;
       }

@media(max-width:768px) {
    #banner_content {
        padding-bottom: 15%;
    }
    footer{
        text-align:left;
       
    }
}
#content
{
     min-height: 600px;
     margin-top: 100px;
}
#result_content
{
    margin top: 300px;
    padding-top: 200px;
    margin-left: 350px;
    
}