:root {
	--very-light-pink: #c4c4c4;
	--dark-slate-blue: #1b365d;
	--bluey-grey: #8aa2b4;
	--reddish: #d53737;
	--colour-secondary-1: #232323;
	--white: #ffffff;
	--black: #111111;
  --complete-green: #45aa46;
}
a {
  text-decoration: none;
}

html {
  font-size: 14px;
}

@media (max-width: 1536px) {
  html { font-size: 12px; }
}

@media (max-width: 1280px) {
  html { font-size: 10px; }
}

@media (max-width: 800px) {
  html { font-size: 8px; }
}

/* Text styles */
.Titleh1blue {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--dark-slate-blue);
}
.Titleh1grey {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--very-light-pink);
}
.Titleh2blue {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.9rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--dark-slate-blue);
}
.Titleh2grey {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.9rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--very-light-pink);
}
.Paragraphh1grey {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--very-light-pink);
}
.Paragraphp1black {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--colour-secondary-1);
}
.Paragraphp1blue {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--dark-slate-blue);
}
.Titleh3blue {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  text-align: justify;
  color: var(--dark-slate-blue);
}
.Titleh3green {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  text-align: justify;
  left: 36px;
  color: var(--complete-green);
}
.Titleh3grey {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--very-light-pink);
}
.Titleh3bluegrey {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--bluey-grey);
}
.Titleh4blue {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--dark-slate-blue);
}
.Titleh4grey {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--very-light-pink);
}
.Titleh4black {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--black);
}
.button-primary{
  background-color: var(--dark-slate-blue);
  color: var(--white);
  border: 0;
  border-radius: 25px;
  padding: 16px 35px;
  cursor: pointer;

  font-family: Source Sans Pro, sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}
.button-primary:focus{
  outline: 0;
}
.buttonblue {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--dark-slate-blue);
}
.buttonwhite {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--white);
}
.error-message {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--reddish);
}
.success-message {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--complete-green);
}
.SourceSansPro-SemiBold{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.9rem;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  color: var(--colour-secondary-1);
}
.SourceSansPro-Bold{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.9rem;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--bluey-grey);
}
.SourceSansPro-Regular{
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.4rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: var(--colour-secondary-1);
}

/*Regular text*/
label{
	font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  text-align: justify;
  color: var(--colour-secondary-1);
}