@charset "utf-8";
/* CSS Document */

				/*-----------   	Entire Body		-------------*/

body {
/*	background-image: url(https://journals.uct.ac.za/ompFiles/potbackground.png);*/
/*	background-repeat: no-repeat;*/
/*	background-size: 100%;*/
	background: rgba(51,66,115,1.00);
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	overflow-wrap: break-word;
  	word-wrap: break-word;
}

.content {
	width: 1500px;
	margin: 0 auto;
/*	border: solid;*/
}	

.grid-container {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 20px;
}

.grid-item {
/*	border: solid 2px #DC4244;*/
	padding: 5px 10px 5px 70px;
}

				/*------------- 	Header    -----------------*/

h1 {
	
	color: #8C8C8C;
	font-size: 42px;
	font-family: "Arial Narrow", Arial;
	text-align: center;
		
}


				/*------------- 	Main  	 ------------------*/

* {
  box-sizing: border-box;
}

h2 {
	
	font-size: 3.3rem;
	color:#2A3689;
	font-family: "Arial Narrow", Arial;
	background: #E7E7E7;
	justify-content: center;
	padding: 10px;
	text-align: center;
	margin: 15px auto;
	width: 50%; 
	box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.1), 0px 5px 20px 0 rgba(0, 0, 0, 0.2);
	border-radius: 12px;
}

H3 {
	color: white;
	font-size: 1.5rem;
	margin: 1px 10px 15px 100px;
}
	
.video {
	display: inline-block;
	margin: 1px 10px 10px 70px;
	box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.1), 0px 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.link {
	align-content: center;
	
}

a {
	color: #FFFFFF;
}
		
a:hover{
	color: #FFFFFF;
}
		
a.btn {
	font-size: 1.5rem;
	display: inline-block;
	color: #008cda;
	background-color: #E7E7E7;
	padding: 30px;
	border-radius: 12px;
	margin: 120px 100px 80px 15px;
	box-shadow: 0px 0px 20px 20px rgba(0, 0, 0, 0.1);
}
			
a.btn:hover{
	color: #FFFFFF;
	background-color: #008cda;
}
	
p {
	color: black;
	background-color: yellow;
	width: 90%;
	margin: auto;
	padding: 10px;
		
}

					/*------------ 	Footer	   -------------*/

.yellowpara {
	color: black;
	background-color: #E1D014; 
	padding: 10px;
	box-shadow: 0 15px 20px 20px rgba(0, 0, 0, 0.1), 0px 5px 20px 0 rgba(0, 0, 0, 0.2);
	margin: 0 auto;		
	align-content: center;
	text-align: center;
	width: 92%;
}

footer {
	
	margin: 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

#aID {
	color: blue;
}