:root{
  --bg:#ffffff;
}

*{ box-sizing:border-box; }
body{
  margin:65px auto 0 auto;
  font-family: 'Hind', Arial, sans-serif;
  color:var(--ink);
  background:var(--bg);
  max-width: 1600px;
}

.main-cntr{width:100%;}
.inner-cntr{width:90%;max-width:1440px;margin:0 auto;}

.desc-header-img {
    margin: 0 -15px;
}


.right{text-align:right;align-items: flex-end;}
.copy-alignment{text-align:right;align-items: flex-end;}
span.line{display:inline-block;}

.product-copy-details{padding:0 5%;}
.product-copy-details h1, h2{font-weight:500;line-height: 1;}

.bullets {display:grid;grid-template-columns:1fr 1fr;margin: 3% auto;}

.table {border-collapse:collapse;}
.table tr td{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.no-border{border:none !important;}

/* SPLIT SECTIONS */
.split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  min-height: 340px;
}

.panel{
  padding:22px 10%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.panel h2{
  margin:0 0 6px;
  font-size:30px;
  font-weight:500;
  line-height:1.15;
}

.panel p{ margin:6px 0;font-size:16px;font-weight:400 }


.photo{
  position:relative;
  overflow:hidden;
}
.photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.main-banner{
  position:relative;
  overflow:hidden;
}
.main-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.photo-comp{
  position:relative;
  overflow:hidden;
}
.photo-comp img{
  width:100%;
  height:100%;
  object-fit:scale-down;
  display:block;
}


/* -------------------------
   Responsive behavior
   ------------------------- */

@media (max-width: 640px){
body{margin:0 auto;
.photo{order:1}
.panel{order:2}
.copy-alignment{text-align:left;align-items:normal;}
}
}
@media only screen and (min-width: 641px) {
}

@media (max-width: 980px){
  .split{ grid-template-columns: 1fr; }
}

