.herotext h1 {
    padding-top: 10px;
}

.herotext {
    text-align: right;
    padding: 0px;
    padding-right: 16px;
    padding-left: 75px;
    padding-top: 0%;
}

.spec{
  padding:20px;
  background-color:#F2F2F2;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.spec h3{
  font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 14pt;
	line-height: 14pt;
	color: #4D4D4D;
}

li{
  font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12pt;
	line-height: 14pt;
	color: #4D4D4D;
}

.layout {
    display: grid;
    grid-template-rows: 40px auto auto;
    grid-template-columns: 100%;
}


@media screen and (max-width: 950px){

.herotext{
    grid-row: 2/3;
}
  
  
}