/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: New Styles
:: Screen Specific Targeting
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

h1,h2,h3,h4,h5,h6 {}

h1{
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 51px;
font-size: 46px;
text-transform: uppercase;
margin: 0 0 23px 0;
}

h2{
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 66px;
font-size: 60px;
text-transform: uppercase;
margin: 0 0 23px 0;
}

h3{
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 51px;
font-size: 46px;
text-transform: uppercase;
margin: 0 0 12px 0;
}

h4{
font-family: 'Oswald', sans-serif;
font-weight: 700;
line-height: 40px;
font-size: 36px;
text-transform: uppercase;
margin: 0 0 12px 0;
}

h5 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #222;
font-weight: 300;
line-height: 1.35;
margin-bottom: 17px;
}

p,li {font-family: 'Open Sans', sans-serif;}

.top-bar {
-webkit-border-radius: 4px;
border-radius: 4px; 
}

.top-bar ul li a {text-transform: uppercase;}
.top-bar ul > li.divider {width: 0;}

.top-bar ul > li a:not(.button) {font-size: 1.625em;}

.button {font-family: 'Oswald', sans-serif; font-weight: 300; text-transform:uppercase;font-size: 16px;}

.top-bar ul > li.has-dropdown .dropdown li a { font-size: 18px; }

/* -----------------------------------------
   New Styles
----------------------------------------- */
body {background:#fff }
.logo {margin-top: 30px;}
.header{padding-top: 20px; text-align: right;}
.home-banner {width: 100%; margin:0 0 20px 0; background: #e8090c;}
.center {text-align: center;}
.redtxt {color:#cc0000;}
.sml {font-size: 14px; padding: 8px 10px 8px 10px}
.call {font-size: 24px;}
.top-bar .right li a:link, .top-bar .right li a:visited {color:#d9d9d9;}
.bulletlist li {margin-left: 18px;}
.banner {background: #e8090c url(/images/canada-theme-banner.png) no-repeat top left; border: none;min-height: 330px;}
.top-bar {margin-bottom: 0;}
.banner-title h2 {margin-top: 40px; text-transform: none;line-height: 60px;}
.banner-title h2, .banner-title h5 {color: #fff;}

/* top navigation */
#nav {background-color: #222;border-bottom: 15px solid #e8090c;}
#nav {margin-bottom: 30px;}
.home #nav {margin-bottom: 0; border-bottom: none !important;}




/* -----------------------------------------
   Screen Specific Targeting
----------------------------------------- */

  @media (max-width: 2400px) {
.name h5 {display:none;}
.pad-left {padding-left: 20px}
}

@media (max-width: 939px) {
.name h5 {display:inline;color: #d7d7d7; font-weight: bold; padding-left: 10px;}
.top-bar {margin-bottom: 0;}
.banner {background-image: none; background-color:#e8090c; min-height: 10px; }
.banner .seven .columns {display: none;}
.row .banner-title {width: 100%;}
}

@media (max-width: 767px) {
h2 {line-height: 40px; font-size: 36px; margin: 0 0 12px 0;}
.call {text-align: center}
.logo {margin-top: 20px;}
.logo h1 {text-align: center;margin: 0;}
.header {padding-top: 0;}
footer {text-align: center;}
#footer-list ul {text-align: center;}
#footer-list ul.link-list {margin: 0 0 20px 0; display: inline-block;}

}