h1 img {
height: 80px;
padding-top: 10px;
}

div#search {
display:none;
}

header {
    background-color: #20194a;
    width:100% !important;
    min-width:100%;
margin-bottom:0 !important;
border: none;
}

header nav {
   display:none;
}

nav.main-navigation {
   display:none;
}

body.page {
   font-family:"DM Sans", sans-serif;
}

div.site-list {
   display:grid;
   grid-template-columns: 33% 33% 33%;
}

.block-listOfSites .site-list div.site{
   display:block;
   margin: 10px;
   padding: 1rem;
}

.block-listOfSites .site-list  img.site-thumbnail-image {
    max-height: 100%;
    width:100%;
}

.block-listOfSites .site-list a.site-link {
  color: #e02b20;
  margin-bottom: 1rem;
  font-weight: 500;
  font-size:1.75rem;
}

ul.et_pb_social_media_follow {
    list-style-type: none !important;
    margin: 0 0 22px;
    padding: 0;
}

span.et_pb_social_media_follow_network_name {
   display:none;
}

footer {
   background-color: #20194a;
   max-width:100%;
}

ul.social-links {
   display: inline-flex;
   margin-top: 3rem;
   list-style-type:none;
}

.social-media-icon {
   height: 30px;
   padding-left: 2rem;
   padding-right: 2rem;
}

footer > div {
   width:fit-content;
   margin-left:auto;
}

@media only screen and (max-width: 720px) {
h1.site-title::after {
   display:none;
}

div.site-list {
   display:block;
}
}

.welcome-bar {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: scroll;
    background-position: center 0;
    background-color: #20194a;
    height: 40rem;
    margin-top: -20px;
    width: 100vw;
    position: relative;
    left: calc(-50vw + 50%);
}

div.welcome-bar > svg {
    position: relative;
    color: #FC3528;
    margin-left: auto;
    margin-right: auto;
    display: block;
    opacity: 1;
    height: 50rem;
    bottom:10rem;
    left:-10px;
}

div.welcome-bar > h1 {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    background-color: #20194a;
    color: white;
    font-size: 10rem;
    top: -48rem;
    position: relative;
    box-shadow: 0 0 15px 15px #20194a;
    z-index: 10;
font-family:"freight-display-pro",serif;
 font-weight: 600 !important;
height:10rem;
text-align:center;
line-height:10rem;
}

h1, a.site-link {
font-family:"freight-display-pro",serif;
 font-weight: 600 !important;
}

div.banner-button {
    border: solid 2px #e02b20;
    width: fit-content;
    padding: 1rem;
    margin: 2rem auto 2rem auto;
    top: -48rem;
    position: relative;
    z-index: 10;
    background-color: inherit;
}
a.banner-link {
color: white !important;
}
a.banner-link:hover {
    text-decoration: none;
    color: white !important;
}
div.banner-button:hover {
border-color:white;
}

@media only screen and (max-width: 1215px) {
  div.welcome-bar > h1 {
    top: -54rem;
    height:20rem;
  }
   div.banner-button {
     top:-56rem;
   }
}

@media only screen and (max-width: 800px) {
  div.welcome-bar > h1 {
    font-size:4rem;
    line-height:4rem;
    top: -43rem;
    width:100%;
    height:15rem;
  }
   div.banner-button {
     top:-51rem;
   }
   h1 img {
    position: relative; 
     box-shadow: 0 0 15px 15px #20194a; 
     z-index: 10; 
     background-color: #20194a;
   }
   .social-media-icon {
   padding-left:.8rem;
   padding-right:.8rem;
   width:auto;
   }
   footer {
   padding:1rem;
   }
   ul.social-links {
    padding: 0;
  }
  footer > div {
  margin-right:auto;
  }
}