#Footer * {
  padding: 0;
  margin: 0;
}
#Footer {
  letter-spacing: initial;
  width: 100%;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto auto auto auto;
  /* grid-template-columns: 33% 34% 33%;
  grid-template-rows: auto auto auto; */
  padding: 0 0 50px 0;
}

#Footer strong {
  font-weight: 700;
  font-family: 'Century Gothic', sans-serif;

}

#Footer .logoBox,
#Footer .RSbox,
#Footer .legalBox {
  text-align: center;
  grid-column: span 4;
  /* grid-column: span 3; */
}

#Footer .logoBox {
  border-bottom: 1px #707070 solid;
  margin-bottom: 40px;
}

#Footer .linkBox1,
#Footer .linkBox2,
#Footer .coorBox,
#Footer .linkBox3 {
  text-align: center;
  display: grid;
  /* display: contents; */
  margin-bottom: 40px;
}
#Footer .linkBox1 ul,
#Footer .linkBox2 ul,
#Footer .linkBox3 ul {
  width: max-content;
  /* margin-left: 50%; */
  /*translate: -50%;*/
  place-self: center;
  align-self: start;
}
#Footer .coorBox {
  text-align: left;
}

#Footer .coorBox a {
  text-transform: none;
}
#Footer .coorBox div {
  width: fit-content;
    text-align: inherit;
    margin: 0 auto;
}
#Footer .coorBox p {
  /* margin-top: -3vw; */
  font-size: calc(16px + 0.1vw);
  line-height: calc(16px + 0.5vw);
  color: #000;
}
#Footer .logoBox img {
  width: calc(100px + 10vw);
  height: auto;
  padding: 60px 0 40px 0;
}
#Footer ul {
  list-style: none;
}
#Footer li {
  margin: 0 0 0 0;
  text-align: left;
  text-transform: inherit;
  width: max-content;
}

#Footer div,
#Footer a {
  color: #000;
  text-decoration: none;
  font-size: calc(12px + 0.25vw);
  line-height: calc(12px + 0.25vw);
  font-weight: 200;
  text-align: center;
}
#Footer a {
  width: 100%;
  text-transform: uppercase;
  padding: 2px 5px;

}
#Footer a:hover {
  color: #fff;
  background-color: #000;

}

#Footer .RSbox {
  text-align: center;
  padding: 0 0 0 0;
}

#Footer ul li h4 a {
  color: #000;
  font-family: 'Perpetua Titling MT bold';
  font-weight: 700;
  font-size: calc(16px + 0.1vw);
  line-height: calc(16px + 0.1vw);
}

#Footer h4 {
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  margin-bottom: 1vw;
  font-family: 'Perpetua Titling MT bold';
  font-size: calc(16px + 0.1vw);
  line-height: calc(16px + 0.1vw);
}
#Footer .legalBox {
  text-transform: uppercase;
  font-weight: 500;
  margin: 0;
  text-align: center;
  padding: 40px 0 0 0;
  margin: 0;
}
#Footer .legalBox li, 
#Footer .legalBox li a {
  display: inline-block;
  height: 20px;
  font-family: 'Perpetua Titling MT bold';
  font-weight: 700;
  font-size: calc(16px + 0.1vw);
  line-height: calc(16px + 0.1vw);
}
#Footer .alertBox {
  color: #000;
  width: 1550px;
  padding: 15px 0;
  text-align: center;
  text-transform: uppercase;
  margin-top: 50px;
  border-top: 1px #707070 solid;
  border-bottom: 1px #707070 solid;
}

@media all and (max-width: 414px) {
  #Footer {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    overflow-x: hidden;
  }

  #Footer a {
    font-size: calc(16px + 0.1vw);
    line-height: calc(16px + 5vw);
  }
  #Footer .logoBox,
  #Footer .RSbox,
  #Footer .legalBox {
    grid-column: span 1;
  }
  #Footer .RSbox {
    padding: 0;
  }

  #Footer > div.linkBox1 > ul > li > h4,
  #Footer > div.linkBox2 > ul > li > h4,
  #Footer > div.linkBox3 > ul > li > h4,
  #Footer > div.coorBox > h4 {
    font-size: calc(16px + 0.1vw);
    line-height: calc(16px + 5vw);
  }
  #Footer .linkBox1,
  #Footer .linkBox2,
  #Footer .coorBox,
  #Footer .linkBox3 {
    margin-bottom: 40px;
    display: grid;
  }
  #Footer .linkBox1 li,
  #Footer .linkBox2 li,
  #Footer .coorBox li,
  #Footer .linkBox3 li {
    text-align: center;
    width: 100%;
  }
  #Footer .coorBox {
    text-align: center;
  }
  #Footer .coorBox p {
    font-size: 4vw;
    line-height: 6vw;
    margin-top: 2vw;
  }
  #Footer > div.legalBox > ul > li,
  #Footer > div.legalBox > ul > li a {
    font-size: 3vw;
    line-height: 5vw;
  }
  #Footer .alertBox {
    font-size: calc(16px + 0.1vw);
    line-height: calc(16px + 5vw);
    width: auto;
  }
}


@media all and (min-width: 415px) and (max-width: 768px) {
  #Footer {
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
  }
  #Footer a {
    font-size: 2vw;
    line-height: 4vw;
  }
  #Footer .logoBox,
  #Footer .legalBox,
  #Footer .RSstrate {
    grid-column: span 2;
  }
  #Footer .RSBox:first-of-type ul {
    padding-top: 0;
  }
  #Footer .linkBox1,
  #Footer .linkBox2,
  #Footer .coorBox,
  #Footer .linkBox3 {
    margin-bottom: 40px;
    text-align: center;
    display: grid;
  }
  #Footer .linkBox1 li,
  #Footer .linkBox2 li,
  #Footer .coorBox li,
  #Footer .linkBox3 li {
    text-align: center;
    width: 100%;
  }
  #Footer .legalBox li,
  #Footer .alertBox,
  #Footer .coorBox p,
  #Footer > div.linkBox1 > ul > li > h4,
  #Footer > div.linkBox2 > ul > li > h4,
  #Footer > div.linkBox3 > ul > li > h4,
  #Footer > div.coorBox > h4 {
    font-size: calc(16px + 0.1vw);
    line-height: calc(16px + 0.1vw);
  }
  
  #Footer .alertBox {
    width: 100vw;
}
}


@media all and (min-width: 768px) and (max-width: 1023px) {
  #Footer {
    grid-template-columns: 33.33% 33.33% 33.33%;
    grid-template-rows: auto auto auto;
  }
  #Footer .logoBox,
  #Footer .RSstrate,
  #Footer .legalBox {
    grid-column: span 3;
  }
  #Footer .linkBox1,
  #Footer .linkBox2,
  #Footer .coorBox,
  #Footer .linkBox3 {
    margin-bottom: 50px;
    display: grid;
  }
  #Footer .coorBox {
    text-align: center;
    grid-column: span 3;
  }
  #Footer .alertBox {
    width: 100vw;
}
}



@media all and (min-width: 1024px) {
  #Footer > div.RSstrate {
    grid-column: span 4;
  }
}