/* Container holding the image and the text */
.container-hero {
    position: relative;
  }

/* Alignments Used for various Hero Text Positioning */
.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 32px;
    color:rgb(241, 235, 235, 0.75)
  }
  
  .top-left {
    position: absolute;
    top: 8px;
    left: 16px;
  }
  
  .top-right {
    position: absolute;
    top: 8px;
    right: 16px;
  }
  
  .bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
  }
  
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* Bottom right text */
.text-block {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: black;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
  }

  .margin-bottom{
    margin-bottom: 25px;
    padding-bottom: 50px;
  }

   /* #hero h1{
    position: absolute;
    color: white;
    font-size: 1.5rem;
    margin-bottom: 20px;

  }  */

  /* row formats */
  h3{
    color: #0448af;
  }
  h4{
    color: #0448af; 
  }
  /* Red border */
hr.new1 {
  border-top: 1px solid red;
}

/* primary border */
hr.new1p {
  border-top: 1px solid   blue;
}

/* Black border */
hr.new1b {
  border-top: 1px solid black;
}


/* Dashed red border */
hr.new2 {
  border-top: 1px dashed red;
}

/* Dotted red border */
hr.new3 {
  border-top: 1px dotted red;
}

/* Thick red border */
hr.new4 {
  border: 1px solid red;
}

/* Large rounded green border */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}