@media (min-width: 1440px) {
    .card{
      border-radius:400px !important;
      padding:25px !important;
        }
  
    .card::after{
    border-radius:400px !important;
    }

    .card video{
        width: calc(100% - 25px) !important;
              border-radius: 400px !important;
    }
}

@media (min-width: 1280px) {
  #hero main {
    max-width: 768px;
  }
  .hero-inner {
    align-items: center;
    display: flex;
  }
  .hero-subtitle-wrapper {
    max-width: 35% ;
    align-self: center;
    text-align: left !important;
    padding:15px;
  }
}

@media (max-width: 1024px) {
  #logo img {
    display: block;
    height: 20px;
    width: auto;
    max-width: none;
    margin-top: 12px;
  }
  .hero-inner {
    display: flex;
    align-items: center;
  }
  .hero-subtitle span {
    font-size: 14px;
    line-height: 18px;
    max-width: 100%;
    padding: 20px;
  }
}
@media (max-width: 768px) {
   
  .about-colored p,.about-colored h2{
    text-align:left;
  } 
  .has-medium-font-size{
  	font-size: 16px !important;
        line-height: 20px;
  }
  h1, h2, h3, h4, h5, h6 {
    
    margin-bottom: 12px !important;
	}
  .about-three .wp-block-spacer{height:20px !important;}
  #hero-caption {
        padding-top: 120px;
        padding-bottom: 0px;
    }
  
  
}