body{
    margin:0;
    padding:0;
    background-image: url('../img/header-background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    font-family: poppins;
}
.title-content{
    justify-self: center;
    align-self: center;
}
.login-button button:hover, .login-button button:active, .login-button button:focus{
    background-color: #105c25;
}
.dropdown-menu{
    font-family: Poppins medium;
    top: -30px!important;
    left: 5px!important;
    border: 2px solid #105c25;
}
.footer-section{
    font-family: poppins medium;
    font-size: 12px;
}
.footer-section a{
    color:#000;
}




/*Extra Large Screens*/
@media (min-width: 1600px) {
	.title-top-text span{
        background-color: #105c25;
        color: #FFFFFF;
        padding:5px 15px;
        border-radius: 15px;
        font-family: poppins medium;
        font-size: 16px;
    }
    .title h3{
        font-family: poppins;
        font-weight: 700;
        font-size: 3.5rem;
        padding-top: 25px;
    }
    .title-bottom-content{
        font-family: poppins medium;
        font-size: 16px;
    }
    .login-button button{
        font-family: Poppins medium;
         width: 200px;
        border:none;
        padding: 10px 30px;
        color: #FFFFFF;
        background-color: #105c25;
        border-radius: 2px;
        box-shadow: 0px 8px 16px -8px rgba(56, 125, 255, 0.5);
    }
   .login-us{
    font-family: poppins semibold;
    font-size: 28px;
}
    .header{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .doctor-image img{
        width: 100%;
    }
    .doctor-top-image{
        display:none;
    }
    .terms-privacy{
        display: flex;
        justify-content: flex-end;
}
    .footer-section{
      position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
}
}
/*Large Screens*/
@media (min-width: 1200px) and (max-width: 1599px) {
	.title-top-text span{
        background-color: #105c25;
        color: #FFFFFF;
        padding:5px 15px;
        border-radius: 15px;
        font-family: poppins medium;
        font-size: 16px;
    }
    .title h3{
        font-family: poppins;
        font-weight: 700;
        font-size: 3.5rem;
        padding-top: 25px;
    }
    .title-bottom-content{
        font-family: poppins medium;
        font-size: 16px;
    }
    .login-button button{
        font-family: Poppins medium;
         width: 200px;
        border:none;
        padding: 10px 30px;
        color: #FFFFFF;
        background-color: #105c25;
        border-radius: 2px;
        box-shadow: 0px 8px 16px -8px rgba(56, 125, 255, 0.5);
    }
   .login-us{
    font-family: poppins semibold;
    font-size: 28px;
}
    .header{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .doctor-image img{
        width: 100%;
    }
    .doctor-top-image{
        display:none;
    }
    .terms-privacy{
        display: flex;
        justify-content: flex-end;
    }
    .footer-section{
       position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
    }
}
/*Medium Screens*/
@media (min-width: 992px) and (max-width: 1200px) { 
    .title-top-text span{
        background-color: #105c25;
        color: #FFFFFF;
        padding:5px 15px;
        border-radius: 15px;
        font-family: poppins medium;
        font-size: 16px;
    }
    .title h3{
        font-family: poppins;
        font-weight: 700;
        font-size: 3.5rem;
        padding-top: 25px;
    }
    .title-bottom-content{
        font-family: poppins medium;
        font-size: 16px;
    }
    .login-button button{
        font-family: Poppins medium;
         width: 200px;
        border:none;
        padding: 10px 30px;
        color: #FFFFFF;
        background-color: #105c25;
        border-radius: 2px;
        box-shadow: 0px 8px 16px -8px rgba(56, 125, 255, 0.5);
    }
   .login-us{
    font-family: poppins semibold;
    font-size: 28px;
}
    .header{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .doctor-image img{
        width: 100%;
    }
    .doctor-top-image{
        display:none;
    }
    .terms-privacy{
        display: flex;
        justify-content: flex-end;
}
 .footer-section{
      position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
}
}

/*Small Screens (Portriat Mode)*/
@media (min-width: 768px) and (max-width: 992px) { 
    .container {
        max-width: 820px;
    }
    .title-top-text span{
        background-color: #105c25;
        color: #FFFFFF;
        padding:5px 15px;
        border-radius: 15px;
        font-family: poppins medium;
        font-size: 14px;
    }
    .title h3{
        font-family: poppins;
        font-weight: 700;
        font-size: 2.7rem;
        padding-top: 25px;
    }
    .title-bottom-content{
        font-family: poppins medium;
        font-size: 14px;
    }
    .login-button button{
        font-family: Poppins medium;
         width: 200px;
        border:none;
        padding: 10px 30px;
        color: #FFFFFF;
        background-color: #105c25;
        border-radius: 2px;
        box-shadow: 0px 8px 16px -8px rgba(56, 125, 255, 0.5);
    }
   .login-us{
    font-family: poppins semibold;
    font-size: 28px;
}
    .header{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .doctor-image{
        margin: -80px;
         margin-right: 0px;
    }
    .doctor-image img{
        width: 100%;
    }
    .doctor-top-image{
        display: none;
    }
    .terms-privacy{
        display: flex;
        justify-content: flex-end;
}
 .footer-section{
      position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
}
}

/*Extra Small Screens (Landscape Mode)*/
@media (min-width: 575px) and (max-width: 768px) { 
   
    .title-top-text span{
        background-color: #105c25;
        color: #FFFFFF;
        padding:5px 15px;
        border-radius: 15px;
        font-family: poppins medium;
        font-size: 14px;
    }
    .title h3{
        font-family: poppins;
        font-weight: 700;
        font-size: 2.5rem;
        padding-top: 25px;
    }
    .title-bottom-content{
        font-family: poppins medium;
        font-size: 14px;
    }
    .login-button button{
        font-family: Poppins medium;
         width: 200px;
        border:none;
        padding: 10px 30px;
        color: #FFFFFF;
        background-color:#105c25;
        border-radius: 2px;
        box-shadow: 0px 8px 16px -8px rgba(56, 125, 255, 0.5);
    }
     .login-button{
        font-family: poppins medium;
        text-align:center;
    }
    .login-us{
        font-family: poppins semibold;
        font-size: 22px;
        text-align: center;
    }
    .doctor-top-image{
        text-align: center;
    }
    .doctor-top-image img{
        width: 50%;
    }
    .doctor-image{
        display:none;
    }
    .terms-privacy{
        padding:3px;
        text-align: center;
    }
    .copy-right{
         padding:3px;
         text-align: center;
    }
}

/*Extra Small Screens (Portriat Mode)*/
@media (min-width:320px) and (max-width: 575px){ 
   
    .title-top-text span{
        background-color: #105c25;
        color: #FFFFFF;
        padding:5px 15px;
        border-radius: 15px;
        font-family: poppins medium;
        font-size: 11px;
    }
    .title h3{
        font-family: poppins;
        font-weight: 700;
        font-size: 2.1rem;
        padding-top: 25px;
    }
    .title-bottom-content{
        font-family: poppins medium;
        font-size: 12px;
    }
    .login-button button{
        font-family: Poppins medium;
         width: 200px;
        font-size: 12px;
        border:none;
        padding: 10px 15px;
        color: #FFFFFF;
        background-color: #105c25;
        border-radius: 2px;
        box-shadow: 0px 8px 16px -8px rgba(56, 125, 255, 0.5);
    }
    .login-us{
        font-family: poppins semibold;
        font-size: 20px;
        text-align: center;
    }
    .login-button{
        font-family: poppins medium;
        text-align:center;
    }
    .header{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .doctor-image{
        display:none;
    }
    .doctor-top-image{
        text-align: center;
    }
    .doctor-top-image img{
        width: 60%;
    }
     .terms-privacy{
        padding:3px;
        text-align: center;
    }
    .copy-right{
        padding:3px;
        text-align: center;
    }
}