/*
@font-face {
    font-family: "Trade Gothic";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/TradeGothicLTStd.woff") format("woff"), 
    url("../fonts/TradeGothicLTStd.otf") format("truetype");
}

@font-face {
    font-family: "Trade Gothic";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/TradeGothicLTStd-Light.woff") format("woff"), 
    url("../fonts/TradeGothicLTStd-Light.otf") format("truetype");
}

@font-face {
    font-family: "Trade Gothic";
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/TradeGothicLTStd-BD2.woff") format("woff"), 
    url("../fonts/TradeGothicLTStd-BD2.otf") format("truetype");
}
*/
* {
  box-sizing: border-box;
  font-family: "Libre Franklin", sans-serif; }

*::selection {
  background-color: #4977b9;
  color: white; }

p, li, a {
  font-size: 18px; }

.h1, .cms h1 {
  color: #4977b9;
  font-weight: 200;
  font-family: "Libre Franklin", sans-serif;
  font-size: 38px;
  text-transform: uppercase; }

.h2, .cms h2 {
  font-size: 23px;
  color: #4977b9;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 0.04em; }

.h3, .cms h3 {
  font-size: 20px;
  color: #4977b9;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 200;
  text-transform: uppercase; }

.h4, .cms h4 {
  font-size: 20px;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 200;
  text-transform: uppercase; }

.h5, .cms h5 {
  font-size: 20px;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 200;
  text-transform: uppercase; }

.h6, .cms h6 {
  font-size: 14px;
  color: #4977b9;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 200; }

.cms ul {
  list-style-image: url("../images/design/icons/bullet.png"); }

.cms .inclusionCriteria ul {
  list-style-image: url("../images/design/icons/tick.png") !important; }

.cms .exclusionCriteria ul {
  list-style-image: url("../images/design/icons/cross.png") !important; }

.summary,
.summary p {
  font-size: 23px;
  color: #4977b9; }

.breadcrumb {
  background-color: transparent;
  padding-left: 0; }
  .breadcrumb li, .breadcrumb a {
    font-size: 10px; }

a.button {
  font-size: 15px;
  width: 251px;
  height: 32px;
  color: #4977b9 !important;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  background-image: url(../images/design/SearchForClinTrials-yellowShape.png); }
  a.button:hover {
    opacity: .6;
    text-decoration: none; }
	
a.selected {
  text-decoration: underline;
}

.button-signup {
  display: block;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 32px;
  background-image: url(../images/design/signup.png);
  color: #4977b9 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-top: 2px;
  text-transform: uppercase; }
  .button-signup:hover {
    text-decoration: none;
    opacity: .6; }

a.learn-more {
  display: block;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 31px;
  width: 165px;
  background-image: url(../images/design/button/learn-more.png);
  color: white !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 2px;
  text-transform: uppercase; }
  a.learn-more:hover {
    text-decoration: none;
    opacity: .6; }

a.download-pdf {
  display: block;
  background-size: 100% 100%;
  height: 31px;
  width: 165px;
  background-image: url(../images/design/button/download-pdf.png);
  color: white !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 2px;
  text-transform: uppercase; }
  a.download-pdf:hover {
    text-decoration: none;
    opacity: .6; }

a.apply,
button.apply {
  display: block;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 32px;
  width: 261px;
  background-image: url(../images/design/button/apply.png);
  color: #4977b9 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 2px;
  text-transform: uppercase;
  border: 0 !important;
  max-width: 100%; }
  a.apply:hover,
  button.apply:hover {
    text-decoration: none;
    opacity: .6; }

a.reset,
button.reset {
  display: block;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 32px;
  width: 261px;
  background-image: url(../images/design/button/apply.png);
  color: #4977b9 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 2px;
  text-transform: uppercase;
  border: 0 !important; }
  a.reset:hover,
  button.reset:hover {
    text-decoration: none;
    opacity: .6; }

a.big-white {
  display: block;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 32px;
  width: 378px;
  background-image: url(../images/design/button/big-white.png);
  color: #4977b9 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 2px;
  text-transform: uppercase; }
  a.big-white:hover {
    text-decoration: none;
    opacity: .6; }

a.big-blue {
  display: block;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 32px;
  width: 378px;
  background-image: url(../images/design/button/big-blue.png);
  color: white !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 2px;
  text-transform: uppercase; }
  a.big-blue:hover {
    text-decoration: none;
    opacity: .6; }

a.big-yellow {
  display: block;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 32px;
  width: 378px;
  background-image: url(../images/design/button/big-yellow.png);
  color: #4977b9 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 2px;
  text-transform: uppercase; }
  a.big-yellow:hover {
    text-decoration: none;
    opacity: .6; }

.readmore a {
  display: block;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 31px;
  width: 165px;
  background-image: url(../images/design/button/learn-more.png);
  color: white !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding-top: 2px;
  text-transform: uppercase; }
  .readmore a:hover {
    text-decoration: none;
    opacity: .6; }

.sm-link:hover {
  opacity: .6; }

.table {
  padding-left: 0;
  border: 0; }
  .table tr td {
    width: 33%; }
    .table tr td:nth-child(1) {
      background-color: #e1f4fd; }
    .table tr td:nth-child(2) {
      background-color: #b9e5fb; }
    .table tr td:nth-child(3) {
      background-color: #9ddcf9; }
    .table tr td td, .table tr td p {
      font-size: 14px; }

.addthis_inline_share_toolbox {
  display: inline-block !important; }

.at-icon-wrapper.at-share-btn {
  background-color: transparent !important;
  background-image: url("/ausnmd/includes/themes/MuraBootstrap3/images/design/socialmedia/social-media-hex.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.at-resp-share-element .at-share-btn {
  margin: 0 !important; }

.fa-style {
  color: #007dc6;
  font-size: 14px; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

body:before {
  content: '';
  width: 100%;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4977b9+0,ffffff+100&1+0,0+100 */
  background: -moz-linear-gradient(top, #4977b9 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4977b9 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4977b9 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4977b9', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */
  z-index: 100; }

@media (min-width: 768px) {
  .header__bar {
    display: flex;
    justify-content: space-between; } }

.header__search {
  margin-top: 5px;
  margin-left: 5px; }

.header__follow-us {
  font-size: 15px; }
  @media (min-width: 768px) {
    .header__follow-us {
      color: white; } }

.header__social {
  position: relative;
  top: 10px; }

@media (max-width: 767px) {
  .navigation {
    text-align: center; } }

.navigation a {
  font-size: 15px; }
  @media (min-width: 768px) {
    .navigation a {
      color: white; } }

.nav > li > a:focus, .nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #fcf10f; }

  #navExpanded > .nav > li > a:hover,
  #navExpanded > .nav > li > a:focus,
  #navExpanded .level-2 > li > a:hover,
  #navExpanded .level-2 > li > a:focus,
  #navExpanded .level-3 > li > a:hover,
  #navExpanded .level-3 > li > a:focus {
    color: #007dc6;
    font-weight: bold;
  }

.navbar-wrapper {
  padding-top: 20px; }

@media (min-width: 768px) {
  .home .navbar-wrapper,
  .depth-1 .navbar-wrapper {
    position: absolute;
    width: 100%;
    margin-bottom: 0; } }

.icon-bar {
  background-color: #4977b9; }

.slider-image {
  display: block;
  width: 100%;
  height: calc(100vh - 283px);
  min-height: 600px;
  background-image: url("../images/design/hero/kidsback.jpg");
  background-size: cover;
  background-position: center; }

.slider-hexagon {
  background-image: url("../images/design/sliderhexagon.png");
  background-repeat: no-repeat;
  width: 382px;
  height: 439px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  bottom: 40px; }
  .slider-hexagon p, .slider-hexagon__text {
    text-transform: uppercase;
    color: white;
    font-size: 27px;
    letter-spacing: .1em; }
  .slider-hexagon a {
    color: white; }

.navbar-brand {
  float: none; }

@media (max-width: 1000px) {
  .navbar-brand img {
    max-width: 70px; } }

@media (max-width: 1200px) {
  .navbar-brand img {
    max-width: 100px; } }

.footer__logo {
  width: 220px;
  margin-bottom: 20px; }

.footer-nav {
  margin-bottom: 15px; }
  .footer-nav a {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px; }

.s-signup {
  clear: both;
  background-color: #4977b9;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .s-signup__heading {
    color: white; }
  .s-signup__text {
    color: white; }
  .s-signup__link {
    color: white; }

.s-search {
  background-color: #fcf10f;
  background-image: url(../images/design/Map-hexs.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 35%;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 10px; }
  @media (min-width: 1000px) {
    .s-search .container {
      position: relative;
      left: -100px; } }
  .s-search__heading {
    padding-top: 0;
    margin-top: 0; }
  .s-search__text {
    color: #4977b9; }

.s-eligible {
  background-color: #007dc6;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .s-eligible__heading {
    color: white !important; }
  .s-eligible p {
    color: white; }

.hexs {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  .hexs__hex {
    background-image: url(../images/design/hexagon-medium.png);
    width: 164px;
    height: 189px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 18px; }

.boxes {
  clear: both;
  display: inline-block;
  width: 100%; }
  .boxes a .boxes__box {
    background-size: cover;
    background-size: 100%;
    transition: all .3s linear;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    float: left;
    border: 3px solid white;
    display: flex;
    flex-direction: column;
    overflow: hidden;
   }
    @media (max-width: 767px) {
      .boxes a .boxes__box {
        width: 100%;
        height: 60vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .boxes a .boxes__box {
        width: 50%;
        height: 40vw; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .boxes a .boxes__box {
        width: 50%;
        height: 25vw;
        background-size: 100%; } }
    @media (min-width: 1200px) and (max-width: 1400px) {
      .boxes a .boxes__box {
        width: 50%;
        height: 25vw;
        background-size: 100%; } }
    @media (min-width: 1401px) {
      .boxes a .boxes__box {
        width: 25%;
        height: 25vw;
        max-height: 350px; }
	.boxes a .boxes__box.boxes__box--short {
        height: 25vh;
      }	}
	@media (min-width: 1500px) {
      .boxes a .boxes__box.boxes__box--short {
        height: 20vh;
      }}
    .boxes a .boxes__box--single {
      width: 100%; }
  .boxes__inner {
    background-color: rgba(0, 174, 239, 0.6);
    margin-top: auto;
    padding: 20px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 156px; }
  .boxes__text {
    display: none;
    color: white;
    font-size: 15px;
    max-width: 100%; }
  .boxes__link {
    color: white; }
  .boxes__heading {
    color: white !important;
    font-size: 27px;
    text-transform: uppercase;
    text-align: center;
    max-width: 100%; }
  .boxes a:hover .boxes__text {
    display: block; }
  .boxes a:hover .boxes__inner {
    margin-top: 0;
    height: 100%; }
  .boxes a:hover .boxes__box {
    background-size: 110%; }

@media (max-width: 991px) {
  .home .boxes a .boxes__box {
    width: 500px;
    max-width: 100%;
    height: 50vw;
    clear: both;
    margin: auto;
    float: none; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .home .boxes a .boxes__box {
    width: 25%;
    height: 30vw; }
  
    .boxes a:hover .boxes__box {
      background-size: 140%; }
    }

@media (min-width: 1200px) {
  .home .boxes a .boxes__box {
    width: 25%;
    height: 25vw; }
  
    .boxes a:hover .boxes__box {
      background-size: 140%; } }

.accordion .panel-heading {
  padding: 0;
  background-color: #4977b9; }
  .accordion .panel-heading a {
    padding: 10px 15px;
    display: block;
    color: white; }
    .accordion .panel-heading a:hover, .accordion .panel-heading a:focus, .accordion .panel-heading a:active {
      text-decoration: none; }
    .accordion .panel-heading a:after {
      content: '+';
      float: right; }

.result-box {
  border: 1px solid #4977b9;
  flex-direction: row;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .result-box {
      display: flex; } }
  .result-box__left {
    flex: 2;
    padding: 20px;
    padding-bottom: 60px; }
  .result-box__right {
    flex: 1;
    background-color: #4977b9;
    color: white; }
  .result-box__right__header {
    background-color: #32438c; }

.inner {
  padding: 20px; }

.media {
  display: flex;
  padding-bottom: 15px;
  border-bottom: 1px solid white; }
  .media__icon {
    margin-right: 10px;
    min-width: 26px; }
  .media__label {
    font-weight: bold; }
  .media__content {
    align-self: center; }
  .media__text, .media__text p {
    font-size: 14px; }

.icon {
  display: block;
  width: 25px;
  height: 28px;
  margin-bottom: 10px;
  background-repeat: no-repeat; }

.icon--age {
  background-image: url(../images/design/icons/age.png); }

.icon--trialSponsor {
  background-image: url(../images/design/icons/trialSponsor.png); }

.icon--mutationSpecific {
  background-image: url(../images/design/icons/mutationSpecific.png); }

.icon--muscleBiopsy {
  background-image: url(../images/design/icons/muscleBiopsy.png); }

.icon--MRI {
  background-image: url(../images/design/icons/MRI.png); }

.icon--phase {
  background-image: url(../images/design/icons/phase.png); }

.icon--lengthOfParticipation {
  background-image: url(../images/design/icons/lengthOfParticipation.png); }

.icon--recruitmentTarget {
  background-image: url(../images/design/icons/recruitmentTarget.png); }

.icon--ambulatory {
  background-image: url(../images/design/icons/ambulatory.png); }

.icon--therapeuticCategory {
  background-image: url(../images/design/icons/therapeuticCategory.png); }

.icon--uklocations {
  background-image: url(../images/design/icons/uklocations.png); }
  
.icon--modeofdelivery {
  background-image: url(../images/design/icons/modeofdelivery.png); }
  
.icon--smn2copynumbers {
  background-image: url(../images/design/icons/smn2copynumbers.png); }
  
.icon--smasubtype {
  background-image: url(../images/design/icons/smasubtype.png); }

.form-wrapper input, .form-wrapper select {
  border: 1px solid #007dc6;
  border-radius: 3px; }

.contact-information-wrapper {
  background-color: #007dc6;
  color: white;
  width: 100%; }
  .contact-information-wrapper .h2 {
    color: white !important; }

.inner--blue {
  background-color: #c0d6f1; }

.table2 {
  width: 100%; }
  .table2 td, .table2 th {
    padding: 20px;
    font-size: 15px; }
  .table2 tr {
    border-bottom: 4px solid white; }
    .table2 tr td:nth-child(1) {
      background-color: #e1f4fd; }
    .table2 tr td:nth-child(2) {
      background-color: #b9e5fb; }
    .table2 tr td:nth-child(3) {
      background-color: #9ddcf9; }
    .table2 tr td:nth-child(4) {
      background-color: #7ed3f7; }
    .table2 tr th {
      background-color: #007dc6;
      color: white;
      width: 25%; }

.newaccordion .panel-heading {
  padding: 0; }

.newaccordion .panel-title-link:hover, .newaccordion .panel-title-link:focus {
  text-decoration: none; }

.newaccordion .panel-body {
  padding: 20px 0 40px; }

.newaccordion .panel-inner {
  display: flex;
  width: 100%; }

.newaccordion .panel-text {
  display: flex;
  flex-direction: column;
  background-color: #4977b9;
  justify-content: center;
  padding-left: 20px;
  width: 100%;
  color: white;
  position: relative; }
  .newaccordion .panel-text:after {
    content: '-';
    font-size: 3em;
    position: absolute;
    right: 0;
    width: 50px;
    top: 50%;
    margin-top: -25px; }

.newaccordion .collapsed .panel-text:after {
  content: '+'; }

.newaccordion .panel-body {
  font-size: 15px; }

.site-info {
  padding: 20px;
  width: 100%;
  background-color: #64a9df;
  color: white !important;
  margin-bottom: 0;
  margin-top: 0; }

#navArchive.well {
  background-color: #007dc6;
  border: none !important;
  box-shadow: none !important;
  padding: 0; }
  #navArchive.well a {
    color: white;
    font-size: 15px; }
  #navArchive.well h1 {
    background-color: #32438c;
    color: white;
    display: block;
    padding: 20px;
    width: 100%; }

#searchTrialForm .checkbox {
  margin-bottom: 15px; }
  #searchTrialForm .checkbox input[type="checkbox"] {
    opacity: 0;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px; }
    #searchTrialForm .checkbox input[type="checkbox"]:hover {
      cursor: pointer; }
    #searchTrialForm .checkbox input[type="checkbox"] + label {
      background-image: url(../images/design/form/checkbox.png);
      background-repeat: no-repeat;
      background-position: top right;
      right: 0;
      width: 25px;
      height: 25px;
      width: 100%; }
    #searchTrialForm .checkbox input[type="checkbox"]:checked + label {
      background-image: url(../images/design/form/checkbox-ticked.png); }

#searchTrialForm .checkbox {
  margin-bottom: 15px; }
  #searchTrialForm .checkbox label {
    padding-left: 0 !important;
    padding-right: 30px; }
  #searchTrialForm .checkbox input[type="radio"] {
    margin-left: 0;
    opacity: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    position: absolute; }
    #searchTrialForm .checkbox input[type="radio"]:hover {
      cursor: pointer; }
    #searchTrialForm .checkbox input[type="radio"] + label {
      background-image: url(../images/design/form/checkbox.png);
      background-repeat: no-repeat;
      background-position: top right;
      right: 0;
      width: 25px;
      height: 25px;
      width: 100%; }
    #searchTrialForm .checkbox input[type="radio"]:checked + label {
      background-image: url(../images/design/form/checkbox-ticked.png); }

#searchTrialForm input, #searchTrialForm select {
  border-radius: 0 !important; }

.filtered {
  padding: 15px;
  background-color: #64a9df;
  color: white;
  margin-bottom: 10px; }
  .filtered h3 {
    color: white;
    padding: 0;
    margin-top: 0; }

#clinicaltrialfinder .yellow-title-box {
  padding: 20px;
  background-image: url("../images/design/yellow-hexagon-bg.png");
  margin-bottom: 20px;
  border: 1px solid #4977b9; }
  #clinicaltrialfinder .yellow-title-box h1 {
    margin-top: 0;
    margin-bottom: 0; }

.summary-box {
  border: 1px solid #4977b9;
  padding: 20px; }

.news-updates .h1 {
  text-transform: none; }

.cms .mura-body img {
  display: block;
  margin: auto; }

.hexagons {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  justify-content: center;
  background: url(../images/design/top-left-hexagon.png) top 30px left 20px no-repeat, url(../images/design/bottom-right-hexagon.png) bottom 10px right 10px no-repeat; }
  .hexagons__hexagon {
    display: block;
    width: 380px;
    height: 440px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 98%;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 80px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 80px; }
    .hexagons__hexagon:nth-child(1) {
      background-image: url(../images/design/bighexagon1.png); }
    .hexagons__hexagon:nth-child(2) {
      background-image: url(../images/design/bighexagon2.png); }
    .hexagons__hexagon:nth-child(3) {
      background-image: url(../images/design/bighexagon3.png); }
  .hexagons__heading {
    color: white; }
  .hexagons__text, .hexagons___text p {
    color: white;
    font-size: 15px;
    max-width: 100%; }
  .hexagons__link {
    margin-top: auto !important;
    margin-bottom: initial !important; }

#map {
  height: 800px;
  width: 600px;
  max-width: 100%; }

.map-right {
  color: white;
background-color: #007DC6;  }
  @media (min-width: 768px) {
    .map-right {
      min-height: 750px; } }
  .map-right .infoContent {
    padding: 20px; }
    @media (min-width: 768px) {
      .map-right .infoContent {
        min-height: 750px; } }
  .map-right .centre-of-excellence {
    background-color: #127cc2; }
  .map-right .hub-site {
    background-color: #32438c; }
  .map-right .future-hub-site {
    background-color: #c0d6f1; }

.wrapper {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px; }
  .wrapper__image {
    align-items: center;
    justify-content: center;
    margin-right: 10px; }
  .wrapper__heading {
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 18px; }

.hero {
  width: 100%;
  height: 600px;
  margin-bottom: 20px;
  background-size: cover; }

.s-acknowledge-country {
  padding: 25px 0;
  background-size: contain;
  background-size: contain;
}

.s-acknowledge-country div {
  text-align: center;
}

.s-acknowledge-country .images {
  display: flex;
  justify-content: space-evenly;
  gap: 1rem;
}

@media (min-width: 1024px) {

  .s-acknowledge-country {
    display: flex;
    align-items: center;
  }

  .s-acknowledge-country .images {
    margin-left: 45.833333335%;
  }
}