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


.container-bl {
	  min-height:113px;
	  background-color:#fff;
	  margin-top:-79px;
	  position:relative;
	  z-index:3	
}


* {
	margin: 0;
	padding: 0;
}

.top_banner{
	background-color: #3366cc;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
}

.white_rose{
	width: 7%;
	min-width: 70px;
	vertical-align: middle;
}

.main_heading{
	font-family:'Alegreya SC',serif;
	color: #FFF;
	font-size:2.2em;
}

.sub_heading{
	font-family:'Alegreya SC',serif;
	color: #3366cc;
	font-size:1.4em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align:center;
}

.intro_heading{
	font-family: 'Alegreya SC',serif;
	color: #000069;
	font-size: 1.4em;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.programme_heading{
	font-family: 'Alegreya SC',serif;
	color: #000069;
	font-size: 1.4em;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.table_prog{
    margin-left:auto; 
    margin-right:auto;
	width:75%;
	text-align:left;
	vertical-align:top;
}

.table_prog td{
	padding:4px;
	vertical-align:top;
}

.main_image{
	width: 100%;
}

.wrapper_0{
	background-color: #ffffff;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: justify;
	line-height: 1.4em;
	font-size: 1.2em;
}

.wrapper_1{
	color: #000069;
	width: 100%;
	font-size: 20px;
	text-align: justify;
	line-height: 1.4em;
	font-size: 1.2em;
	padding: 0.9em 3% 1.5em;
	width: 94%;
}

.wrapper_2{
	color: #000069;
	width: 100%;
	font-size: 20px;
	text-align: justify;
	line-height: 1.4em;
	font-size: 1.2em;
	padding: 0.9em 3% 0em;
	width: 94%;
}

.wrapper_3{
	background-color: #fff;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
}

.float{
	padding-top:0.6em;
	font-size:1.2em;
	font-family: 'Alegreya SC',serif;
	position: fixed;
	width: 40px;
	height: 30px;
	top: 3.8%;
	right: 2.5%;
	background-color: #ffffff;
	color: #000069;
	border-radius: 25px;
	text-align: center;
	box-shadow: 2px 2px 3px #000069;
	text-align: center;
	text-decoration: none;
}

.float_home{
	padding-top:0.6em;
	font-size:1.2em;
	font-family: 'Alegreya SC',serif;
	position: fixed;
	width: 40px;
	height: 30px;
	top: 3.8%;
	right: 2.5%;
	background-color: #ffffff;
	color: #000069;
	border-radius: 25px;
	text-align: center;
	box-shadow: 2px 2px 3px #000069;
	text-align: center;
	text-decoration: none;
}

.footer{

}

.logo_container{
	display: table;
	width: 100%;
}

.col{
	display: table-cell;
	padding: 16px;
	width: 33.33333%;
	text-align: center;
	vertical-align: middle;
	background-color: #ccc;
}

/* If the browser window is smaller than 600px, make the columns stack on top of each other */
@media only screen and (max-width: 600px) {
  .col { 
    display: block;
    width: 100%;
  }
}