html, body {
	font-size: 14pt;
	padding: 0;
}

.col {
	padding: 0;
}

.wrapper {
	height: 100%;
	background-image: linear-gradient( #c5e0b4, #b5d2ec );
	width: 100%;
	line-height: 1;
}

.colour1 {
	color: #000;
}

.colour2 {
	color: #ff0000;
}

.colour3 {
	color: #1b4c74;
}

.yellow-bg {
	background: #ffff00;
}

.dark-red-text, .dark-red-text:hover {
	color: #d30313;
}

.red-text, .red-text:hover {
	color: #ff0000;
}

.blue-text, .blue-text:hover {
	color: #1e7aad;
}

.orange-text {
	color: #db8548;
}

.brown-text {
	color: #653821;
}

.green-text, .green-text:hover {
	color: #6a964b;
}

.grey-text, .grey-text:hover {
	color: #393d40;
}

.light-blue-text, .light-blue-text:hover {
	color: #00b5e3;
}

.dark-green-text, .dark-green-text:hover {
	color: #3a5b22;
}

.fixed-image {
	padding: 0.25em;
	overflow: hidden;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  background-size: 100%, 100%;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: black;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: black;
}