div.screen{
    position: absolute;
    width: 100%; height: 100%;
    padding: 0; margin: 0;
    top:0; left: 0;
    background-color: rgba(0,0,0,0.5);
    /* background: linear-gradient(90deg, rgba(41,54,137,0.5) 0%, rgba(253,3,15,0.5) 100%); */
}
.usaspine-bg{
    position: relative;
    background: rgb(41,54,137);
    background-image: url("../images/anita-denunzio-VyyNcb4plSM-unsplash\ \(1\).jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top;
}
.usaspine-bg-light{
    background: rgb(99,107,162);
    background: linear-gradient(90deg, rgba(99,107,162,1) 0%, rgba(241,140,145,1) 100%);
}
.font-24{
    font-size: 20px;
}


 .card:hover{
    box-shadow: 6px 6px 24px rgba(0,0,0,0.7);
    transition-duration: 300ms; 
    transition-timing-function: ease;
} 

.usa-spine-stack{
    width: 96%;
    margin-left: 2%;
    margin-top: -4%;
}
nav.navbar{
    background-image: url('../images/logo.svg');
    background-repeat: no-repeat;
    background-size: 150px;
    
}

.btn-treat {
    background-image: linear-gradient(90deg, #F23838, #277ff2);
    background-size: 0% 3px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 300ms ease;
    background-color: white;
    border-radius: 5px;
}

.btn-treat-left {
    background-image: linear-gradient(90deg, #F23838, #277ff2);
    background-size: 0% 3px;
    background-repeat: no-repeat;
    background-position: left;
    transition: background-size 300ms ease;
    background-color: white;
    border-radius: 5px;
}


   @media screen and (max-width:518px){
    .btn-treat {
        width:25%; 
        }
}

    @media screen and (max-width:518px){
        .btn-treat a {
            font-size:medium; 
            
            
            }
}

   .btn-treat:hover,
   .btn-treat:focus {
    background-size: 100% 3px;

}

.treat-desc {
    margin-top: 75px;
    color: black;
}

a {
    text-decoration: none;
    color: white;
}

a:hover {
    color: white;
}

video {
    margin-top: 50px;
    border-width:20px;
    box-shadow: rgba(0,0,0,0.5);
}


.btn-patient {
    
    border: solid;
   border-color:#277ff2;
   background-color:#277ff2;
   color: white;
   border-radius: 0px;
   transition-duration: 250ms;
   transition-timing-function: ease-in-out;
   text-decoration: none;
   text-decoration: none !important;
   padding: 5px;
}

.btn-patient:hover {
    text-decoration:black;
    text-decoration-color: black;
    background-color: white;
    border-color: white;

}

.btn-text:hover {
    color: black;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
}

label {
    color: black;
    font-weight:bold;
}

.custom-select {
    width:100%;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;
}

.btn-submit {
    color:white;
    border: solid;
    border-color: #F23838;
    background-color: #F23838;
    font-weight: bolder;
    border-radius: 5px;
    display: inline-block;
}


.formhead {
    font-weight: bold;
    color: black;
}


.container-fluid-foot {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-evenly;
    align-content: center;
}

.choosefile {
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: white;
   margin-left: 22px;
  
}

.choosefile:hover {
    color: black;
    background-color: white;
}

.choosefile:active {
    background: yellow;
  
}

#formsub {
    background-color: rgba(0,0,0,0.2);
   }

#formsub:hover {
    background-color: white;
    color: black;
}


footer{
    border-top: 3px solid;
    border-color:#F23838;
}

li.checkesp {
    list-style:none;
}


ol, ul {
    padding-left: 0;
}

.checkmark{
    fill: #277ff2;
}

.fancy-link div span{
    background-image: linear-gradient(90deg, #F23838, #277ff2);
    background-size: 0% 3px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 300ms ease;
}

.fancy-link:hover div span{
    background-size: 100% 3px;
}

span.h1 {
    background-image: linear-gradient(90deg,#F23838, #277ff2 );
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position:bottom;
    margin-bottom: 20px;
}

div.announcment {
    color: black;
    text-decoration: none;
}