/* these sections have the same 992px min-width: if
going to change, change the respective files:

* Hero.css */

/* Keeps image Centered with content next to it */

@media (min-width:992px) {
    .license-section{
        display: flex;
        align-self:center;
    }

    .license-image-column{
        display: flex;
        justify-content: center; /* Center image horizontally */
        align-items: center; /* Center image vertically */
    }

    .license-image{
        width: 100%;
    }

    .hero-image img{
        max-width: 100%;
        height: auto;
    }
}




.secured-text{
    color: #28A745;
    font-weight: bold;
  }

  .references-button-container{
    margin-top: 40px;
  }



  /* Keeps Spacing Between Bullets & Text Normal */
  #license-bullet-pts-container{
    width:350px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }

  @media (max-width:495px) {
    #license-bullet-pts-container{
        width:250px;
      }
  }

  @media (max-width:395px) {
    #license-bullet-pts-container{
        width:230px;
      }
  }


  #license-section{
    background-color: #fa2a2ae8;
    padding-top:55px;
    padding-bottom:55px;
    overflow: hidden;
  }


.license-txt-container{
    margin-right:35px;
}


@media (max-width:992px){
    .license-image-column{
        display: none;
    }

    .license-txt-container{
        margin-right:40px;
        margin-left:40px;
    }

    #license-section{
        padding-top:30px;
        padding-bottom:30px;
      }
}