body {
	
	
}


.col-20 {
	
	display: block;
	position: relative;
	float: left;
	width: 20%;
	
}

.col-23 {
	
	display: block;
	position: relative;
	float: left;
	width: 23%;
	
}

.col-30 {
	
	display: block;
	position: relative;
	float: left;
	width: 30%;
	
}
.col-40 {
	
	display: block;
	position: relative;
	float: left;
	width: 40%;
	
}

.col-50 {
	
	display: block;
	position: relative;
	float: left;
	width: 50%;
	
}

.col-60 {
	
	display: block;
	position: relative;
	float: left;
	width: 60%;
	
}

.col-70 {
	
	display: block;
	position: relative;
	float: left;
	width: 70%;
	
}

.col-80 {
	
	display: block;
	position: relative;
	float: left;
	width: 80%;
	
}

/* tablet STYLES */
@media screen and (max-width: 1024px) {
	

h1{
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
}
	
li, a, p, tr, td{
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
}
	
.main-title h1 {
  font-size: 2.4rem !important; 
  line-height: 3rem !important;	
}
	
.award h1{
  font-size: 1.2rem !important; 
  padding: 0px 10px !important;
  margin-top: 0 !important;
}
	
	
.award h2 {
  font-size: 1.2rem !important; 
  line-height: 1.6rem !important;	
}
	
.button h1, .button-2 h1 {
  font-size: 1.1rem !important; 
  line-height: 1.1rem !important;
}
	
.navigation-container, #nav-box-scroll {
		
  display: none !important; 
		
}
	
.mob-nav-container{
	
	display: block;
}
	
.header-cover{	
	height: 70vh;
}
	
	
.section-container {
	width: 100vw;
	auto: 0 auto;
	top: 60vh;
}
	
.section {
	width: 85vw;	
}
	
.main-title{
	padding: 15vh 0;
}
	
.nav-item {
	padding: 30px 20px;	
}
	
.committee li {
	padding: 6px 0px;
	border-bottom: none !important;
}
	
.current-year {
	font-size: 2rem !important;
	line-height: 2rem !important;
	
}
	
}




/* mobile STYLES */
@media screen and (max-width: 600px) {
	
.table-title {
		padding: 0 !important;
		
}
.table-col-1{
	width: 100% !important;
	text-align: left !important;
	display:block !important;
	padding: 0px 12px 0px 12px !important;
}
.schedule-header-1 {
	width: 100% !important;
	text-align: left !important;
	display:block !important;
	padding: 12px 0px !important;		
}
.schedule-header-2 {
	display:none !important;	
}
.schedule-header-1 h2 {
	padding-left: 12px !important;
}

.table-col-2{
	width: 100% !important;
	text-align: left !important;
	display:block !important;
	padding: 0px 12px 0px 12px !important;
}
	
	
h1{
  font-size: 1.4rem !important;
  line-height: 1.8rem !important;
}
	
li, a, p{
  font-size: 1.2rem !important;
  line-height: 1.8rem !important;
  margin: 18px 0px !important;
}
	
p1{
  font-size: 1rem !important;
  line-height: 1.6rem !important;
  margin: 14px 0px !important;
}

p2{
  font-size: 0.8rem !important;
  line-height: 1.2rem !important;
}
	
.navigation-container, #nav-box-scroll {
		
  display: none !important; 
		
}
	
.mob-nav-container{
	
	display: block;
}
	
.main-title h1 {
  font-size: 2.4rem !important; 
  line-height: 2.8rem !important;
  padding: 0px 40px;
}
	
.award h1 {
 font-size: 1.4rem !important; 
 line-height: 1.8rem !important; 
 padding: 60px 20px !important; 
}
	
.award h2 {
  font-size: 1.4rem !important; 
  line-height: 1.8rem !important;	
}
	
.button h1, .button-2 h1 {
  font-size: 1.1rem !important; 
  line-height: 1.1rem !important;
}


.section-container {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
		
}


.button, .button-2 {
		
  padding: 6px 6px !important; 
  display: block !important;
  margin: 12px 25px;
		
}
.header-cover{	
	height: 80vh;
}
	
	
.section-container {
	width: 100%;
	auto: 0 auto;
	top: 80vh;
}
	
.section {
	width: 85%;	
}
	
.main-title{
	padding: 20vh 0;
}
	
.nav-item {
	padding: 30px 20px;	
}
	

.award-item-1, .award-item-2, .award-item-3, .award-item-4{

	padding: 80px 15px !important;
	height: 280px !important;

}
	
.award-margin {
	margin: 15px 0px 15px 0px !important;
}
	
.main-sponsor {
	width: 50% !important;	
	}
	
.sponsor-logo {
	margin-top: 25px;
	margin-right: 30px;
}

.committee li {
	padding: 6px 0px;
	border-bottom: 1pt solid #424f62 !important;
}
	
#gowling {
	width: 60% !important;	
}

#mccarthy {
	width: 50% !important;	
}

#the-fox-fund {
	width: 60% !important;
}

#belmore {
	width: 100px !important;
}

#bennett-jones {
	width: 140px !important;
}

#blakes {
	width: 120px !important;
}

#BLG {
	width: 100px !important;
}

#cassels {
	width: 120px !important;
}

#DW{
	width: 90px !important;
}

#fasken{
	width: 110px !important;
}

#fineberg {
	width: 320px !important;
}

#lenczner {
	width: 140px !important;
}

#marks-clerk {
	width: 100px !important;
}

#markwell {
	width: 120px !important;
}

#norton {
	width: 130px !important;
}

#osler {
	width: 100px !important;
}

#PNK {
	width: 80px !important;
}

#robic {
	width: 100px !important;	
}

#smart-biggar {
	width: 100px !important;
}
	
#stewart-mckelvey {
	width: 120px !important;	
}

#torys {
	width: 120px !important;
}

#benchbook {
	width: 160px !important;
}

#bdp {
	width: 90px !important;
}

#clark-wilson {
	width: 140px !important;
}

#dipchand {
	width: 120px !important;
}

#lomic {
	width: 120px !important;
}

#PCK {
	width: 140px !important;
}
#seastone-IP {
	width: 100px !important;
}

#shift-law {
	width: 140px !important;
}

#wu-law {
	width: 60px !important;	
}

	
#go-to-top {
	display: block;

}
	
.col-20 {

	width: 100% !important;
	display: block !important;
	padding: 0 !important;
		
}
	
.col-23 {

	width: 100% !important;
	display: block !important;
	padding: 0 !important;
		
}
	
.col-30 {

	width: 100% !important;
	display: block !important;
	padding: 0 !important;
		
}
	
.col-40 {

	width: 100% !important;
	display: block !important;
	padding: 0 !important;
		
}
	
.col-50 {

	width: 100% !important;
	display: block !important;
	padding: 0 !important;
		
}
	
.col-60 {

	width: 100% !important;
	display: block !important;
	padding: 0 !important;
		
}
	
.col-70 {

	width: 100% !important;
	display: block !important;
	padding: 0 !important;
		
}
	
.col-80 {

	width: 100% !important;
	display: block !important;
	padding: 0 !important;
		
}
	
.location .col-50 {
	padding-bottom: 30px !important;
	text-align: center !important;
}
	
.current-year {
	font-size: 1.6rem !important;
	line-height: 1.6rem !important;
	
}
	
.previous, .next {
	width: 40px;
	height: 40px;
}
	
	
}