Syntax Check EXPORT CSS .category_image {
  border-color: #f2c46a !important;
  border-radius: 100%;
  border-style: solid;
  border-width: 3px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: -20px;
  max-width: 125px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
}
.columns {
  column-count: 3;
  column-gap: 40px;
  -moz-column-count: 3;
  -moz-column-gap: 40px;
  -webkit-column-count: 3;
  -webkit-column-gap: 40px;
}
.columns li {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}
.documents_leader h1 {
  color: #232323;
  font-family: "trajan-pro-3", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding-top: 30px;
}
.encyclical-languages {
  color: #0f0f0f;
  font-size: 11px;
  font-style: normal;
  padding-top: 5px;
}
.languages .languages_sep:last-child {
  display: none;
}
.languages_sep {
  display: inline-block;
  padding: 0 5px;
}
.ubermenu-item > a > span,
.ubermenu-item > span {
  text-shadow: rgba(0, 0, 0, 0.65098) 1px 1px 1px;
}
.ubermenu-submenu > .ubermenu-item > a > span {
  text-shadow: rgba(0, 0, 0, 0) 1px 1px 5px;
}
.wsp-post a {
  font-weight: normal;
}
.wsp-post {
  padding-left: 28px;
}
#ubermenu-nav-main-55 {
  background-color: #595959;
}
HTML > BODY > DIV.masthead > DIV.container > DIV.row > DIV.col.s6.m6.l3.vatican > FORM {
  height: 37px;
}
HTML > BODY > DIV.masthead > DIV.container > DIV.row > DIV.col.s6.m6.l3.vatican > FORM > INPUT.submit_search {
  background-color: rgba(221, 221, 221, 0);
  border-radius: 46px;
  border-style: none;
  border-width: 1px;
  color: rgba(0, 0, 0, 0);
  display: block;
  left: 84%!important;
  position: relative;
  top: -31px;
}
HTML > BODY > DIV.masthead > DIV.container > DIV.row > DIV.col.s6.m6.l3.vatican > FORM > INPUT.submit_search:hover {
  background-color: rgba(239, 197, 111, 0.21);
  background-image: none;
}
@media screen and (max-width: 768px) {
  .columns {
    column-count: 2!important;
  }
}
@media screen and (max-width: 768px) {
  .columns {
    column-gap: 40px!important;
  }
}
@media screen and (max-width: 768px) {
  .columns {
    -moz-column-count: 2!important;
  }
}
@media screen and (max-width: 768px) {
  .columns {
    -moz-column-gap: 40px!important;
  }
}
@media screen and (max-width: 768px) {
  .columns {
    -webkit-column-count: 2!important;
  }
}
@media screen and (max-width: 768px) {
  .columns {
    -webkit-column-gap: 40px!important;
  }
}
@media screen and (max-width: 667px) {
  .columns {
    column-count: 1!important;
  }
}
@media screen and (max-width: 667px) {
  .columns {
    column-gap: 40px!important;
  }
}
@media screen and (max-width: 667px) {
  .columns {
    -moz-column-count: 1!important;
  }
}
@media screen and (max-width: 667px) {
  .columns {
    -moz-column-gap: 40px!important;
  }
}
@media screen and (max-width: 667px) {
  .columns {
    -webkit-column-count: 1!important;
  }
}
@media screen and (max-width: 667px) {
  .columns {
    -webkit-column-gap: 40px!important;
  }
}
@media screen and (max-width: 480px) {
  .category_image {
    float: none!important;
  }
}
@media screen and (max-width: 480px) {
  .category_image {
    margin-left: auto!important;
  }
}
@media screen and (max-width: 480px) {
  .category_image {
    margin-right: auto!important;
  }
}
@media screen and (max-width: 480px) {
  .category_image {
    margin-top: -2px !important;
  }
}
@media screen and (max-width: 480px) {
  h1.page-title {
    font-size: 24px!important;
  }
}
@media screen and (max-width: 480px) {
  h1.page-title {
    text-align: center!important;
  }
}