@charset "utf-8";
/* ===== Footer ===== */
#Footer_container{width:100%}
#Footer_container .container{background-color:#000;border-top:3px solid #1e1e1e}

.Footer{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-template-rows:auto auto 1fr;
  column-gap:45px;
  row-gap:35px;
  padding:50px 30px 45px;
}
/* 4 columns: the 3 tall lists span all rows, the 3 short blocks stack in col 4 */
#Footer_container .fbox1{grid-column:1;grid-row:1/4}
#Footer_container .fbox2{grid-column:2;grid-row:1/4}
#Footer_container .fbox3{grid-column:3;grid-row:1/4}
#Footer_container .fbox4{grid-column:4;grid-row:1}
#Footer_container .fbox5{grid-column:4;grid-row:2}
#Footer_container .fbox6{grid-column:4;grid-row:3;align-self:start}

#Footer_container .mods{margin:0;padding:0;min-width:0}

/* Headings */
#Footer_container .mods h2{
  font:normal 700 15px/1.3 'Open Sans',Verdana,sans-serif;
  letter-spacing:.5px;
  text-transform:uppercase;
  padding:0;margin:0 0 16px;
  display:flex;
  align-items:flex-end;
  min-height:52px;
}
#Footer_container .fbox4 h2,
#Footer_container .fbox5 h2,
#Footer_container .fbox6 h2{min-height:0}
#Footer_container .mods h2 a,
#Footer_container .mods h2 span{
  color:#fff;
  display:block;
  width:100%;
  border-bottom:1px solid #2e2e2e;
  padding:0 0 12px;
  text-decoration:none;
}
#Footer_container .mods h2 a:hover{color:#4da6ff}

/* Link lists */
#Footer_container .mods ul{margin:0;padding:0;list-style:none}
#Footer_container .mods li{text-align:left;padding:0;margin:0;background:none!important}
#Footer_container .mods li.clearList{display:none}
#Footer_container .mods li a{
  color:#8f8f8f;
  display:block;
  padding:5px 0!important;
  font:normal normal 13px/1.55 'Open Sans',Verdana,sans-serif;
  text-decoration:none;
  transition:color .15s ease,padding-left .15s ease;
}
#Footer_container .mods li a:hover{color:#fff;padding-left:4px}

/* Tablet: 2 columns */
@media (max-width:991px){
  .Footer{grid-template-columns:repeat(2,1fr);column-gap:35px;row-gap:30px;padding:40px 25px 35px;grid-template-rows:none}
  #Footer_container .fbox1{grid-column:1;grid-row:1}
  #Footer_container .fbox2{grid-column:2;grid-row:1}
  #Footer_container .fbox3{grid-column:1;grid-row:2/5}
  #Footer_container .fbox4{grid-column:2;grid-row:2}
  #Footer_container .fbox5{grid-column:2;grid-row:3}
  #Footer_container .fbox6{grid-column:2;grid-row:4;align-self:start}
}

/* Mobile: 1 column */
@media (max-width:619px){
  .Footer{grid-template-columns:1fr;row-gap:28px;padding:35px 20px 30px}
  #Footer_container .fbox1,
  #Footer_container .fbox2,
  #Footer_container .fbox3,
  #Footer_container .fbox4,
  #Footer_container .fbox5,
  #Footer_container .fbox6{grid-column:1;grid-row:auto}
}