
.fs-grd-small-header {
    max-width: 1590px;
    margin: 0 auto 0 auto;
    background: rgba(255,255,255,1.00);
    padding-top: 2vw;
}
.fs-grd-small-header > .firststop-page-top-logo {
    max-width: 1520px;
    margin: 0 3vw 0 3vw;
    position: relative;
}
.fs-grd-small-header > .firststop-page-top-logo > img {
    width: 15%;
    margin-bottom: 1vw;
}
.fs-grd-small-header > figure {
    max-width: 1520px;
    margin: 0 3vw 0 3vw;
    position: relative;
    height: 8vw;
}
.fs-grd-small-header > figure > img {
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
    object-position: center center;
}
.fs-grd-small-header > figure > figcaption {
    position: absolute;
    width: 100%;
    height: 8vw;
    text-align: center;
    display: table;
    vertical-align: middle;
}
.fs-grd-small-header > figure > figcaption > h1 {
    color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.2rem, 0.9600rem + 1.2000vw, 2.4rem);
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
    text-align: center;
    word-break: break-word;
    vertical-align: middle;
    margin: 0;
    display: table-cell;
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
.fs-grd-small-header > figure > figcaption > h3 {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: clamp(0.55rem, 0.1459rem + 0.8784vw, 1.2rem);
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    word-break: break-word;
    vertical-align: middle;
    margin: 0;
    display: table-row;
    text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
.fs-grd-small-header > figure {
    
}

.fs-grd-boxes-header {
    max-width: 1570px;
    margin: 0 auto 0 auto;
    background: rgba(255,255,255,1.00);
    padding-top:.5vw;
}
.fs-grd-boxes-header > .firststop-page-top-logo {
    max-width: 1520px;
    margin: 0 3vw 0 3vw;
    position: relative;
}
.fs-grd-boxes-header > .firststop-page-top-logo > img {
    width: 15%;
    margin-bottom: -1vw;
}

.fs-grd-cntnr {
    max-width: 1570px;
    margin: 0 auto 0 auto;
    padding-top: 1vw;
    padding-bottom: 2vw;
    background: rgba(233,233,233,1.00)
}

.fs-grd-1col-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap:0;
    grid-row-gap: 0;
    max-width: 1520px;
    margin: 0 3vw 0 3vw;
}
.fs-grd-linkbox-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    max-width: 1280px;
    margin: 0 auto 0 auto;
    padding: 1vw 0 1vw 0;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: rgba(255,255,255,1.00);
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    margin: 0;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-img > img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt {
    position: relative;
    font-family: "Montserrat","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
    display: table-cell;
    vertical-align: top;
    width: 100%;
    height: 100%;
    aspect-ratio: 5 /4;
    margin: 0 0 auto 0;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt > div {
    padding: 1ch 1.3vw 1.3vw 1.3vw;
    display: block;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt > div > span > h2 {
    font-size: clamp(0.65rem, 0.5600rem + 0.4500vw, 1.1rem)!important;
    font-weight: 500;
    margin-top: 0;
    vertical-align: top;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt > div > span > h1 {
    font-size: clamp(0.75rem, 0.3459rem + 0.8784vw, 1.4rem);
    margin-top: 0;
    font-weight: 700;
    vertical-align: top;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt > div > h2 {
    font-size: clamp(0.65rem, 0.5600rem + 0.4500vw, 1.1rem)!important;
    margin-top: 0;
    font-weight: 500;
    display: none;
    vertical-align: top;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt > div > p {
    font-size: clamp(0.75rem, 0.6000rem + 0.6667vw, 0.95rem)!important;
    vertical-align: top;
    margin: 1em 0 1em 0;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt > div > span {
    padding: 0;
    margin: 0;
}

.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt > div > span > a.art-lnk {
  display: inline-block;
  font-weight: 400;
  line-height: auto;
  color: #ed1c2e;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
    font-size: clamp(0.65rem, 0.5600rem + 0.4500vw, 1.1rem)!important;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    vertical-align: top;
}
.fs-grd-linkbox-container > .fs-grd-linkbox-cntnr > .fs-grd-linkbox-txt > div > span > a.art-lnk:after  {
  font-weight: 500;
  line-height: auto;
  color: #ed1c2e;
  cursor: pointer;
    font-size: inherit;
    content: "\203A";
    margin-left: 0.6em;
}


.fs-grd-2col-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    max-width: 1520px;
    margin: 0 3vw 0 3vw;
}



.fs-grd-2col-container > .fs-grd-2bx-cntnr {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding: 0;
  margin: 0 0 2vw 0;
    background: rgba(255,255,255,1.00);
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-img {
    grid-column: span 3;
    margin: 1.3vw 0 1.3vw 1.3vw;
    position: relative;
  width: 90%;
  height: auto;
  display: block;
      overflow: hidden;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-img > img {
    position: absolute;
    max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}

.fs-grd-2col-container > .fs-grd-2bx-cntnr:last-child > .fs-grd-2bx-img {
    margin: 1.3vw 1.3vw 1.3vw 0;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt {
    grid-column: span 4;
    padding: 1.3vw 1.3vw 1.3vw 1.3vw;
    font-family: "Montserrat","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > span > h2 {
    font-size: clamp(0.7rem, 0.6000rem + 0.5000vw, 1.2rem);
    font-weight: 700;
    color: #ed1c24;
    margin-top: 0;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > h2 {
    font-size: clamp(0.75rem, 0.3459rem + 0.8784vw, 1.4rem);
    margin-top: 0;
    font-weight: 700;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > p {
    font-size: clamp(0.65rem, 0.5600rem + 0.4500vw, 1.1rem)!important; 
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > a.art-lnk {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #e7131a;
  border: 1px solid #e7131a;
    padding:  .23em 1.5ch;
    margin-top: 1ch;
    font-size: clamp(0.65rem, 0.5600rem + 0.4500vw, 1.1rem)!important;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > a.art-lnk:hover {
    background-color: #c61017;
    border-color: #c61017;
}
.fs-book-notice-cntnr {
    max-width: 1520px;
    margin: 0 auto;
    text-align: center;
}

.buy-tyres-online {
    max-width: 1520px;
    margin: 0 auto;
}

.fs-shop .fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-img {
    grid-column: span 0;
    display: none;
}
.fs-shop .fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt {
    grid-column: span 7;
}

.fs-shop .fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > p {
    margin: 1em 0 0 0;
}

/* page column layout */
.fs-grd-page2col-container {
  display: block;
  max-width: 1280px;
  margin: 0 auto 0 auto;
}
.fs-grd-page2col-intro {
    background: rgba(255,255,255,1.00);
    display: block;
    padding: 2ch;
}
.fs-grd-page2col-container > h1 {
    margin: 1ch 0 1em 0;
    font-weight: 500;
    font-size: clamp(1.4rem, 1.1600rem + 1.2000vw, 2.6rem);
}
.fs-grd-page2col-intro > h3 {
    font-size: clamp(0.85rem, 0.7400rem + 0.5500vw, 1.4rem) !important;
    margin: 0 0 0 2ch;
}
.fs-grd-page2col-txt-txt {
    background: rgba(255,255,255,1.00);
    display: block;
    padding: 2ch;
    margin-top: 0;
}
.fs-grd-page2col-txt-txt > figure {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2ch;
  grid-row-gap: 2vw;
  max-width: 1280px;
  margin: 0 auto 0 auto;
    background: rgba(255,255,255,1.00)!important;
    grid-template-areas:"txt1 txt";
}
.fs-grd-page2col-txt-txt > figure > .fs-grd-page2col-txt {
    background: rgba(233,233,233,1.00)!important;
}
.fs-grd-page2col-txt-img {
    background: rgba(255,255,255,1.00);
    display: block;
    padding: 2ch;
    margin-top: 0;
}
.fs-grd-page2col-txt-img > figure {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  max-width: 1280px;
  margin: 0 auto 0 auto;
    background: rgba(233,233,233,1.00);
    grid-template-areas:"txt img";
}
.fs-grd-page2col-img-txt {
    background: rgba(255,255,255,1.00);
    display: block;
    padding: 2ch;
}
.fs-grd-page2col-img-txt > figure {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  max-width: 1280px;
  margin: 0 auto 0 auto;
    grid-template-areas:"img txt";
}

figure > .fs-grd-page2col-txt {
    display: block;
    padding: 3ch;
    grid-area: txt;
}
.fs-grd-page2col-txt-txt > figure > .fs-grd-page2col-txt:first-of-type {
    display: block;
    padding: 3ch;
    grid-area: txt1;
}
figure > .fs-grd-page2col-txt > h2 {
    font-size: clamp(0.85rem, 0.7400rem + 0.5500vw, 1.4rem)!important;
    vertical-align: top;
    margin: 0 0 1em 0;
    font-weight: 500;
}
figure > .fs-grd-page2col-txt > p {
    font-size: clamp(0.65rem, 0.5800rem + 0.3500vw, 1rem)!important;
    vertical-align: top;
    margin: 1em 0 1em 0;
    line-height: clamp(0.85rem, 0.7200rem + 0.6500vw, 1.5rem);
}

figure > .fs-grd-page2col-txt > .article-link {
    background: none!important;
}
figure > .fs-grd-page2col-txt > .article-link > a.art-lnk,
figure > .fs-grd-page2col-txt > a.art-lnk {
    display: inline-block;
  font-weight: 500;
  line-height: auto;
  color: #ed1c2e;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: none;
  border: none;
  font-size: clamp(0.65rem, 0.5600rem + 0.4500vw, 1.1rem) !important;
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  vertical-align: top; 
    margin: 0 0 1em 0;
}
figure > .fs-grd-page2col-img {
    display: block;
    position: relative;
    aspect-ratio: 3 / 2;
    grid-area: img;
}
figure > .fs-grd-page2col-img > img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: center;
}

@media (min-width:1152px) and (max-width:1279px)  {

    
}
@media (min-width:1280px) and (max-width:1367px){

    
}
@media (min-width:1368px) and (max-width:1489px){

    
}
@media (min-width:1490px) and (max-width:1689px){

    
}
@media (min-width:1600px){

    
}
@media (min-width:1920px){
 

    
}
@media (min-width:360px) and (max-width:567px) {
.fs-grd-small-header > figure,
.fs-grd-small-header > figure > figcaption  {
    height: 32vw;
}
}
@media (min-width:568px) and (max-width:639px) {
.fs-grd-small-header > figure,
.fs-grd-small-header > figure > figcaption  {
    height: 20vw;
}

}
@media (min-width:640px) and (max-width:735px) {

.fs-grd-small-header > figure,
.fs-grd-small-header > figure > figcaption  {
    height: 20vw;
}
    
}
@media (min-width:736px) and (max-width:979px) {

.fs-grd-small-header > figure,
.fs-grd-small-header > figure > figcaption  {
    height: 10vw;
}

}
@media (min-width:980px) and (max-width:1151px) {

 
}
@media (max-width:735px) {
    
.fs-grd-2col-container {
  grid-template-columns: 1fr;
}

.fs-grd-small-header > .firststop-page-top-logo > img {
    width: 25%;
    margin-bottom: 1.5vw;
}


.fs-grd-small-header > figure > figcaption > h3 {
    font-size: clamp(0.75rem, 0.5572rem + 0.9639vw, 1rem)!important; 
}
.fs-grd-2col-container {
    margin: 0 2vw 0 2vw;
}
    

.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-img {
    margin: 4vw 0 4vw 4vw;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr:last-child > .fs-grd-2bx-img {
    margin: 4vw 0 4vw 4vw;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt {
    padding: 4vw;
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > span > h2 {
    font-size: clamp(0.85rem, 0.6572rem + 0.9639vw, 1.1rem);
}
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > h2 {
    font-size: clamp(1rem, 0.8072rem + 0.9639vw, 1.25rem);
    margin-top: 0;
}   
.fs-grd-2col-container > .fs-grd-2bx-cntnr > .fs-grd-2bx-txt > p {
    font-size: clamp(0.75rem, 0.5572rem + 0.9639vw, 1rem)!important; 
}
    
.fs-grd-linkbox-container {
  grid-template-columns: 1fr 1fr ;
  grid-column-gap: 3vw;
  grid-row-gap: 3vw;
}
.firststop-path-cntnr > .firststop-path {
    padding-left: 2ch;
}
.fs-grd-page2col-container > h1 {
  margin: 1ch 0 1em 1ch;
}
.fs-grd-page2col-txt-txt {
  padding: 1ch;
  margin-top: 0;
}
.fs-grd-page2col-txt-img > figure {
    grid-template-columns: 1fr;
    grid-template-areas:"img" "txt";
}
.fs-grd-page2col-txt-img {
  padding: 1ch;
  margin-top: 0;
}
.fs-grd-page2col-img-txt > figure {
    grid-template-columns: 1fr;
    grid-template-areas:"img" "txt";
}
.fs-grd-page2col-img-txt {
  padding: 1ch;
  margin-top: 0;
}
figure > .fs-grd-page2col-txt {
  padding: 1ch;
}
figure > .fs-grd-page2col-img {
    aspect-ratio: 3 / 1.6;
}
figure > .fs-grd-page2col-img > img {
}
.slide-large > h2 {
    bottom: 1ch;
    left: 0;
    margin: 0 2ch 0 2ch;
}
.fs-grd-page2col-txt-txt > figure {
  grid-template-columns: 1fr;
    grid-template-areas:"txt1" "txt";
}

  
}
@media (max-width:359px) {
.fs-grd-small-header > figure,
.fs-grd-small-header > figure > figcaption  {
    height: 32vw;
}
}
