body > section {min-width:inherit;}
#header h3 {position:absolute; left:50px; top:20px; margin:0; padding:0;}
.wrapper {max-width:982px; width:100%;}
h1, h2 {color:#328aa1; text-align:center;}
h1 {font-size:28px; margin-top:50px; font-weight:bold;}
h2 {font-size:27px; text-transform:uppercase; font-weight:bold; margin-bottom:30px;}
i {font-style:italic; text-align:center; margin:15px auto 20px; display:block;}
section.wide#intro .content {border-top:none; padding-top:30px; margin-top:0;}
#intro {margin-bottom:20px;}
section.wide .content {text-align:center; border-top:2px dotted #328aa1; padding-top:50px; margin-top:-40px;}
section.wide .content p {font-size:15px; max-width:810px; margin:0 auto;}
.number {position:relative; color:white; font-size:31px; font-weight:bold; text-align:center; background:#328aa1; border:10px solid white; border-radius:50px; margin:0 auto; padding:4px; line-height:1.7; display:block; width:50px; height:50px;}
h2.big {font-size:50px;}
section .left {float:left; width:48%;}
section .right {float:right; width:48%;}
#section1 img, #section2 img, #section4 img {margin-bottom:20px;}
.profile {width:50%; float:left;}
.profile h5 {margin-top:10px; color:#a22847; font-size:19px;}
.profile p {margin-top:5px;}
.computer h2 {color:#fbb217; padding:37px 20px 0; font-size:37px; background:url(../images/statistics/computer.png) no-repeat; width:306px; height:255px;}
#section9 p {margin-top:40px;}
#section10 {margin-bottom:50px;}
.social {margin-bottom:20px;}

.canada #section6 .left, .canada #section9 .left {float:right;}
.canada #section6 .right, .canada #section9 .right {float:left;}

.resp-sharing-button {
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  transition: background-color 25ms ease-out, border-color 25ms ease-out, opacity 250ms ease-out;
  margin: 0.5em;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:10px;
}
.resp-sharing-button a {
  text-decoration: none;
  color: #FFF;
  display: block;
}
.resp-sharing-button__icon {
  display: inline-block;
}
.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-bottom: -0.1em;
}
/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #FFF;
  fill: none;
}
/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #FFF;
  stroke: none;
}
.resp-sharing-button__link {
  text-decoration: none;
  color: #FFF;
}
.resp-sharing-button--large .resp-sharing-button__icon svg, .resp-sharing-button--medium .resp-sharing-button__icon svg {
  padding-right: 0.4em;
}
.resp-sharing-button__wrapper {
  display: inline-block;
}
.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}
.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}
.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}
.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}
.buttons .button {background:none; display:none;}
.shares {display:inline-block; position:relative; top:6px;}
.share-separator {display:inline-block; color:#ddd; font-size:50px; font-weight:lighter; margin:0 0 0 4px; position:relative; top:8px;}
#demo-all #total, .shares #share {font-weight:bold; font-size:30px; color:#8eb73f; text-decoration:none;}
.shares li {display:none;}
.shares #share {display:block;}
.shares .sharetext {font-size:11px; text-transform:uppercase; color:#333;}
#demo-all #shares, #demo-all #url {display:none;}

.wide b {font-weight:bold; margin-bottom:15px;}
.teams {margin-top:25px; font-size:14px;}
.teams td {height:50px; width:33%;}
.teams span {color:#fbb217; margin-bottom:12px;}

#footer {min-height:230px;}
#footer .content {max-width:960px; width:100%;}

#mobileFooter, #login {display:none;}

.embed-content {display:block; max-width:990px; margin:30px auto; padding-top:30px; text-align:center; border-top:2px solid #d7d7d7;}
.embed-content p {font-size:15px; font-weight:bold; color:#333; text-transform:uppercase;}
.embed-info p {padding:10px 20px; background:#e8e8e8; text-transform:lowercase; display:inline-block; width:auto; margin-top:15px;}

@media screen and (max-width: 920px){
	.left img, .right img {width:100%; height:auto;}
}
@media screen and (max-width: 720px){
	.computer h2 {width:270px; background-position:center center; background-size:contain; font-size:30px;}
	#header .top-nav li a {padding:0 10px; font-size:13px;}
}
@media screen and (max-width: 640px){
	.en_CA #header .logo a {float:none; background-size:cover;}
	.en_CA #header h3 {top:0;}
	#header {border-bottom:3px solid #00759b; height:70px;}
	#header .top-nav {text-align:center;}
	#header .top-nav nav {display:none;}
	#header h3 {left: 20px;}
	h1 {margin-top:10px; font-size:24px;}
	i {font-size:14px; margin:10px auto;}
	#intro p {width:90%;}
	section.wide .content {width:90%; margin:-40px auto 0;}
	.number {font-size:28px; width:40px; height:40px; line-height:1.5;}
	article .left, article .right {width:100%; display:block; clear:both;}
	.left img, .right img {width:auto;}
	.profile {margin-top:14px;}
	#section8 .right {margin-top:15px; margin-bottom:15px;}
	.computer h2 {width:306px; font-size:37px; margin:0 auto;}
	#footer {display:none;}
	#login {float:right; position:relative; right:14px; top:25px;}
	#login a {color:white; border:2px solid white; padding:10px 15px; text-transform:uppercase; text-decoration:none;}
	#mobileFooter, #login {display:block;}
	#mobileFooter {margin-bottom:-20px; width:100%; background:black; position:static; text-align:center;padding:12px 0;}
	#mobileFooter ul {width:80%; margin:0 auto;}
	#mobileFooter ul li {display:inline-block; padding:10px 20px;}
	#mobileFooter ul li a {color:white; font-size:14px; text-decoration:none;}
	#mobileFooter p {color:white; font-size:14px; text-align:center; margin:10px auto;}
	.canada #section9 .right {margin-top:15px;}
	/*.embed-content {width:240px;}*/
	.embed-content p {font-size:12px;}
	.embed-info p {padding:10px; text-overflow:ellipsis; display:block; white-space:pre-line; overflow:hidden;}
}
@media screen and (max-width: 480px){
	h1 {font-size:20px;}
	article.content img {max-width:80%;}
	section.wide .content p {font-size:14px;}
	h2 {font-size:21px;}
	h2.big {font-size:36px;}
}
@media screen and (max-width: 380px){
	.headerLogo {margin:7px 0 0 10px; width:120px;}
	.headerLogo img, .headerLogo a { width:120px; height:24px;}
	div#login {top:8px;}
	#header, #header .top-nav {height:34px;}
	#header h3 {top:7px;}
	#header h3 img {width:104px; height:auto;}
	#login {top:-16px;}
	#login a {padding:4px 10px; font-size:13px;}
	section.wide#intro .content {padding-top:5px;}
	.content h1 {margin-bottom:8px;}
	h1, h2 {font-size:16px; margin-bottom:20px;}
	i {margin-bottom:0;}
	section.wide .content p, i {font-size:12px;}
	#demo-all .box a {font-size:24px;}
	.shares .sharetext {font-size:9px;}
	h2.big {font-size:30px;}
	.computer h2 {width:280px; font-size:34px;}
	#mobileFooter ul li {padding:6px 7px;}
	#mobileFooter ul li a {font-size:12px;}
	#mobileFooter p {font-size:12px;}
	#mobileFooter ul {width:90%;}
}
@media screen and (max-width: 320px){
	.resp-sharing-button {font-size:8px;}
	h2.big {font-size:24px;}
	.wide b {font-size:12px;}
	.profile h5 {font-size:14px;}
	.computer h2 {width:235px; font-size:28px; padding-top:40px; height:190px;}
	#section9.computer p {margin-top:20px;}
	section.wide .content .profile p {font-size:12px; line-height:1;} 
	.teams td {min-height:50px; line-height:1;}
	section.wide .content .teams p {line-height:1;}
}