h2.h1 {font-size:28px; font-weight:300;}
.routes div div {background-color:#f9f9f9; padding:20px 35px 20px 25px;}
.ac {display: block; width:48px; height:48px; float:left; margin:0 32px 60px 0;}
.ac-where-we-fly {background: url(/content/dam/aircanada/portal/images/icons/icon-where-we-fly.svg) top left no-repeat;}
.ac-flight-schedule {background: url(/content/dam/aircanada/portal/images/icons/icon-flight-schedules.svg) top left no-repeat;}
.routes p {line-height:1.5}	

#banner-airtrfx {background:#f9f9f9; margin: -25px -20px 30px -20px;height:112px; padding-top:10px;}
#banner-airtrfx h2 {font-size:14px;font-weight:300;}
#banner-airtrfx a.btn.btn-primary {width:auto !important; padding: 15px 35px; font-size: 16px; font-weight: 600; height: auto;}

@media only screen and (max-width: 768px) {
.template-basic .section-wrapper {padding:0 !important;}	
.routes div div {padding:16px 20px 5px 16px;margin-bottom:10px;}
.ac {margin-right:16px !important;}
#banner-airtrfx {margin: -25px -10px 30px -10px;}
}

@media only screen and (min-width: 769px) and  (max-width:1024px) {
.template-basic .section-content {padding-right:0 !important;}
.routes div div {padding:16px 20px 5px 16px;}
.ac {margin:0 25px 75px 0;}	
#banner-airtrfx {height:96px; padding-top:24px;}
#banner-airtrfx h2 {font-size:18px;line-height:1.0;}
}
	
@media only screen and (min-width:1025px) {
.template-basic .section-content {padding-right:0 !important;}
.routes div div{min-height:180px;}	
#banner-airtrfx {height:96px; padding-top:15px;}
#banner-airtrfx h2 {font-size:24px;line-height: 1.3; padding-right:20px;}
#banner-airtrfx div.hidden-xs p {padding-top:8px;}	
#banner-airtrfx .cta p {text-align:right; padding-right: 20px;}	
}