body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  /*-background: linear-gradient(to top right, #800000, transparent, lightgrey) no-repeat;*/


}

:root {
  --default-font: 'Arial', sans-serif;
  --heading-font: 'Arial Black', sans-serif;
  --nav-font: "Inter", sans-serif;
}
h1{
  font-family: var(--heading-font);
}
.container {
  display: flex;
  left: 7rem;
  top: 15rem;
  flex-direction: column;
  margin-top: 10%;
  
}

.row align-items-start {
  display: flex;
  justify-content: space-evenly;
}

.col-md-3 {
  height: 10em;
  border: 1px black solid;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-1 img {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 600px;
  object-fit: cover;
  background: lightblue;
}

.row .box-1 {
  display: flex;
  background-color: transparent;
  transition: transform ease-in-out 0.3s;
}

:hover.box-1 {
  transform: scale(1.05);
}

.row .box-2 {
  display: flex;
  background-color: transparent;
  transition: transform ease-in-out 0.3s;
}

:hover.box-2 {
  transform: scale(1.05);
}

.row .box-3 {
  display: flex;
  background-color: transparent;
  transition: transform ease-in-out 0.3s;
}

:hover.box-3 {
  transform: scale(1.05);
}

.row .box-4 {
  display: flex;
  background-color: transparent;
  transition: transform ease-in-out 0.3s;
}

:hover.box-4 {
  transform: scale(1.05);
}

.get-started {
  transition: transform ease-in-out 0.3s;
}

:hover.get-started {
  transform: scale(1.2);
}

@media(max-width:400px){
  .container {
    width: 100%;
    margin-top: 10%;
  }
}

@media (max-width: 600px) {

  .container {
    width: 100%;
  }
}
.row{
  justify-content: space-evenly;
  
}
.row .about-us{
  
  display: flex;
  background-color: transparent;
  height: 100%;
  max-height: 400px;
  width: 100%;
  max-width: 600px;
  /*
  border: 1px rgb(11, 10, 10) solid;
  border-radius: 10px;
  */
  overflow:hidden;
}

.row .about-us-picture{
  display: flex;
  border: 1px transparent solid;
  height: 100%;
  max-height:400px;
  width: 100%;
  max-width:600px;
  image-rendering: optimizeQuality;
  overflow: hidden;
  object-fit: cover;
  
}

.row .about-us-box{
  background-color: transparent;
  height:100%;
  max-height: 200px;
  width: 100%;
  max-width: 1250px;
  border: 1px gray solid;
  border-radius: 10px;
  margin-top: 0rem;

}
.row .about-us-header{
  background-color: transparent;
  display: flex;
  height: 100%;
  max-height: 200px;
  justify-content: center;
  width: 100%;
  max-width: 800px;
  align-items: center;
 margin-bottom: 15px;
}

.row .container-about-us{
  display: flex;
  background-color: antiquewhite;
  margin-top: 5rem;
}