html{
	font-size: 7px;
}

#main {	
	padding: 0rem 3rem 0rem 3rem;
	font-family: Calibri;
	background-color: #fdfeff;		
}

.topic{
	text-align:center;
	font-weight:bold;
	font-size: 5rem;	
}

.desc{		
	font-size: 2.5rem;
	font-weight:bold;
}

.subtopic{	
	text-align:center;
	font-weight:bold;
	font-size: 3.5rem;
}

table { 
    table-layout: auto;	
    width: 100%;
}

.subtable {	
	border-collapse: collapse;
	width: 100%;
	border-style: hidden;
	box-shadow: 0 0 0 0.8rem #ADD8E6;
	border-radius: 30px;
}

.subtable td{
	font-size: 2.3rem;
	padding: 0rem 5rem;
}

.subtablehead1 {	
	font-weight:bold;
	text-decoration: underline;
}

.subtablehead2 {		
	text-decoration: underline;
}

.subtablehead3 {		
	font-weight:bold;
}

.enquiry{
	/**display: flex;**/
	align-items:center;
}

.icon{
	width: 10rem;
}
	
.balloon{
	width: 7rem;
}

ul{
	padding: 0rem 3rem;
}	

ul.ha{
	padding: 0rem 0rem;
}

li.ha{
	padding: 0px 3rem;
	list-style:none;
	background-image:url('images/HA.png');
	background-repeat: no-repeat;	
	background-position: left center;
	background-size: 2.5rem;
}

img {
    width: 100%;
}

@media screen and (min-width: 770px) {
    html {
        font-size: 9px;
    }	
	
	.icon{
		width: 12rem;
	}
	
	.balloon{
		width: 9rem;
	}
}
@media screen and (min-width: 400px) and (max-width: 770px) {
    html {
        font-size: 8px;
    }
	
	.icon{
		width: 11rem;
	}

	.balloon{
		width: 8rem;
	}
}