:root {
  --colour-1:#15ECFF;
  --colour-2:#573236;
  --colour-3:black;
  --colour-4:white;
  --colour-5:#707070;
  --colour-6:#F5F5F5;
  
  --colour-7:#bfe7e7;
  --colour-8:#e0eff6;
  --colour-9:#279e9b;
  --colour-10:#024346;
}

::-moz-selection {
  background: var(--colour-1);
  color: black;
}
::selection {
  background: var(--colour-1);
  color: black;
}
a {
  color: black;
  text-decoration: none;
}

/* mouse over link */
a:hover, a:active {
  color: var(--colour-2);
}

/* convert font .ttf format to woff2 format at https://www.fontsquirrel.com/tools/webfont-generator */
/* @font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-display: swap;
  src: url('/websitebucket/static/fonts/roboto-bold-webfont.woff2') format('woff2'),
    url('/websitebucket/static/fonts/roboto-bold-webfont.woff') format('woff');
}*/

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap'); */
/* @font-face {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
} */

h1, h2, h3, h4, h5 {
  font-family: "Noto Sans", sans-serif;
}

h1 {
  font-weight: 700;
  font-size: 2rem;
}
h2 {
  font-weight: 700;
  font-size: 1.5rem;
}
h3 {
  font-weight: 700;
  font-size: 1.17rem;
}
h4 {
  font-weight: 700;
  font-size: 1rem;
}
h5 {
  font-weight: 700;
  font-size: .83rem;
}
p {
  font-family: "Noto Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
}
.p1 {
  font-family: "Noto Sans", sans-serif;
  font-size: 0.75rem;
}
.p2 {
  font-family: "Noto Sans", sans-serif;
  font-size: 0.9rem;
}
hr {
  border: none;
  border-top: 1px solid #ccc;
}

.main-banner.h150 {
  height: 150px;
}
.no-margin {
  margin: 0;
}
.margin1 {
  margin: 0.2rem 0;
}
.no-bottom-margin {
  margin-bottom: 0;
}
.bottom-margin-05rem {
  margin: 0;
  margin-bottom: 0.5rem;
}
.bottom-margin-1rem {
  margin: 0;
  margin-bottom: 1rem;
}
.bottom-margin-50px {
  margin-bottom: 50px;
}
.margin-x-1rem {
  margin: 1rem 0;
}

.margin-x-1-05rem {
  margin: 0;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.valign-top {
  vertical-align:top;
}
.strikethrough {
  text-decoration: line-through;
}
body {
  font-family: "Noto Sans", sans-serif;
  color: black;
}

/* .standfirst {
  font-family: 'Lora', serif;
} */

@media screen and (min-width: 425px) {}
@media screen and (min-width: 600px) {}
@media screen and (min-width: 769px) {}
@media screen and (min-width: 1024px) {}
@media screen and (min-width: 1200px) {}
@media screen and (min-width: 1440px) {}