:root {
    --background-light: white;
    --background-dark: #ffe3e3;
    --text-color: #b4171a;
    --text-light: #4a6b5a;
    --box-background: white;
    --border-color: #b4171a;
    
    --header-background: #5a8a72;
    --header-text: white;
    
    --navbar-background: #4a6b5a;
    --navbar-text: white;
    --navbar-hover: #b4171a;
    
    --sidebar-background: ;
    --sidebar-text: #b4171a;
    --sidebar-link: white;
    --sidebar-hover: #ffe3e3;
    
    --main-background: ;
    
    --footer-background: #5a8a72;
    --footer-text: #e8f5e9;
    
    --header-background-start: #b4171a;
    --header-background-middle: white;
    --header-background-end: #b4171a;

    --navbar-background-start: #b4171a;
    --navbar-background-end: white;
}

.text-banner, .navbar {
   -webkit-text-stroke-color:black;
-webkit-text-stroke-width:0.5px;
font-weight:bold;
}

.toc-link {
  color:white;
}

.text-banner {
  position: relative;
  text-align: center;
  margin-left: 270px;
  margin-right: 270px;
  background-repeat: no-repeat;
  background-position: left, right;
  background-size: 35px 41px, 40px 62px;
  background-image: 
    url('/europe/uk/n-ireland/img/ulster.jpg'),
    url('/europe/uk/n-ireland/img/coat.jpg');
}

.sidebar {
  border: white 3px solid;
  color: white;
  background-color:#b4171a;
}
@media (max-width: 960px) {
  .text-banner {
    margin-left: 0;
    margin-right: 0;
    background-image: none;
    background-size: initial;
    background-position: initial;
    background-repeat: initial;
  }
}