/* body{
  background-color: turquoise;

} */
.container-bg{
    
    background-color: rgb(50, 204, 243);         
}
hr {
    display: block;
    
    border: 1px solid rgb(50, 204, 243);
    /* border-top: 5px solid rgb(31, 29, 29); */
    /* margin: 1em 0; */
    padding: 0;
}
.nav-bot{
    /* border-bottom: 2px solid rgb(31, 29, 29);  */

}
.brand{
    border-bottom: 2px solid rgb(31, 29, 29);
    border-top: 2px solid rgb(31, 29, 29);
}



.card {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: 4;
    grid-gap: 2rem;
    background: #f1f1f1;
    margin-bottom: 2rem;
    align-items: center;
    justify-content: center;
    border: red 1px solid;
  }
  .card h1 {
    margin-bottom: 3rem;
    text-align: center;
    margin-bottom: 3rem;
  }
  
  .card h3 {
    font-size: 2rem;
    text-align: center;

  }
  
  .card img {
    height: 600px;
    align-self: center;
    
  }
  
  .card > div {
    padding: 2rem;
    
  }
  
  .card:nth-child(even) img {
    order: 2;
  }
  .contact h1 {
    margin-bottom: 1rem;
    text-align: center;
    margin-bottom: 2rem;
   color: royalblue;
  }
  .nested{
    display: grid;
    grid-template-columns: 3.5fr .5fr;
    grid-template-rows: 5;
    grid-gap: 2rem;
    background: #ecebeb;
   
    align-items: center;
    align-content: center;
  }
  .nested h5 {
    text-align: right;

  }
  .nested h3 {
    text-align: right;

  }


   @media(max-width:600px) {
    .card {
      display: block;
    }
    .card img {
      height: 400px;
      
      
    }
    .card h3 {
      font-size: 1.5rem;
      text-align: center;
  
    }
  }