/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {   background: transparent;   border: 0;   margin: 0;   vertical-align: baseline; }

body {   line-height: 1; }
h1, h2, h4, h5, h6 {   clear: both;   font-weight: normal; }
h3 {   clear: both;   font-weight: bold;   color: #c80032; }ol, ul {   list-style: none; }
blockquote {   quotes: none; }
blockquote:before, blockquote:after {   content: '';   content: none; }
del {   text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {   border-collapse: collapse;   border-spacing: 0; }

a img {   border: none; }

/* =Global-------------------------------------------------------------- */
*,*:before,*:after {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; }

body {   background-color: #c80032;   color: #505050;     font-family: "Ubuntu", sans-serif;   font-weight: 300;   font-size: 15px;   line-height: 1.8; }

/* Headings */
h1, h2, h4, h5, h6 {   line-height: 1;   font-weight: 200; }

h3 {   line-height: 1;   font-weight: bold; } 

a {   text-decoration: none;   color: #c80032; } /* blue test 069----- */
a:hover {   text-decoration: underline; color: #7c001f; } /* blue test 09C----- */
a.copy {   text-decoration: none;   color: #CCC; }
div.copy {   color: #CCC; }

/* =Template-------------------------------------------------------------- */
#wrapper {   width: 100%;   margin: 0 auto; }
#main {   background-color: #c80032;   padding: 0px 0; }
#body {   background-color: #fff;     padding: 10px 0;   width: 100%;   align-content: center; }.content {   background-color: #fff;   margin: 10px ;   padding: 10px 0;   width: 100%; }.container {   background-color: #c80032;   width: 80%;   margin: 0 auto;   padding: 0 0px; }.news {   background-color: #fff;   margin: auto;   padding: 10px 0;   width: 600px; }.home {   background-color: #fff;   margin: auto;   padding: 10px 0;   width: 750px; }

/* =Top Bar-------------------------------------------------------------- */
#top-bar {   background-color: #950025; }
#top-bar a {   color: fff;   font-size: 14px;   text-transform: uppercase;   display: inline-block;   margin: 0;   padding: 10px; }#top-bar a:hover {   background-color: #7c001f; }
span.all-labs,span.back-to-tutorial {   display: block;   width: 50%; }
span.all-labs {   float: left;   text-align: left; }span.back-to-tutorial {   float: right;   text-align: right; }

/* =Extras-------------------------------------------------------------- */
.clearfix:after {   visibility: hidden;   display: block;   content: "";   clear: both;   height: 0; }

/* =Media Queries-------------------------------------------------------------- */@media all and (max-width: 768px) {  .container {   width: 100%; }  .news {   width: 96%;   margin: auto; }  .home {   width: 98%;   margin: auto; }  
#top-bar a {    display: block; }  
span.all-labs,  
span.back-to-tutorial {   width: 100%; }  
span.all-labs,  
span.back-to-tutorial {   float: none;   text-align: center; }  
span.all-labs {   border-bottom: solid 1px #7c001f; }  
#title h1 {   font-size: 36px; }  
#title h2 {   font-size: 16px; }  
#title h3 {   font-size: 14px;   color: #c80032;} }
table.nav {   width: 100%; }td.logo {   width: 20%;   background-color: #c80032;   vertical-align: middle;   align-content: center; }td.nav {   width: 80%;   background-color: #c80032;   vertical-align: middle;   align-content: center; }

/* =Nav-------------------------------------------------------------- */
#nav-trigger {   display: none;   text-align: center; }  
#nav-trigger span {    display: inline-block;    padding: 10px 30px;    background-color: #c80032;    color: white;    cursor: pointer;    text-transform: uppercase; }    
#nav-trigger span:after {      display: inline-block;      margin-left: 10px;      width: 20px;      height: 10px;      content: "";      border-left: solid 10px transparent;      border-top: solid 10px #fff;      border-right: solid 10px transparent; }    
#nav-trigger span:hover {      background-color: #af002c; }    
#nav-trigger span.open:after {      border-left: solid 10px transparent;      border-top: none;      border-bottom: solid 10px #fff;      border-right: solid 10px transparent; }
nav {  margin-bottom: 5px; }
nav#nav-main {  background-color: #c80032;  padding: 10px 0; }  
nav#nav-main ul {    list-style-type: none;    margin: 0;    padding: 0;    text-align: center; }  
nav#nav-main li {    display: inline-block;    border-right: solid 1px #950025;    padding: 0 5px; }    
nav#nav-main li:last-child {      border-right: none; }  
nav#nav-main a {    display: block;    font-weight: bold;    color: white;    padding: 10px 30px; }    
nav#nav-main a:hover {      background-color: #af002c;      color: #fff; }
nav#nav-mobile {  position: relative;  display: none; }  
nav#nav-mobile ul {    display: none;    list-style-type: none;    position: absolute;    left: 0;    right: 0;    margin-left: auto;    margin-right: auto;    text-align: center;    background-color: #c80032; }  
nav#nav-mobile li {    display: block;    padding: 5px 0;    margin: 0 5px;    border-bottom: solid 1px #950025; }    
nav#nav-mobile li:last-child {      border-bottom: none; }  
nav#nav-mobile a {    display: block;    color: white;    padding: 10px 30px; }    
nav#nav-mobile a:hover {      background-color: #af002c;      color: #fff; }

/* =Media Queries-------------------------------------------------------------- */
@media all and (max-width: 1050px) {  #nav-trigger {    display: block; }  nav#nav-main {    display: none; }  nav#nav-mobile {    display: block; }}

/* =Logo-------------------------------------------------------------- */  
div.logo {   background-color: #c80032;} */

/* =Links in nav-------------------------------------------------------------- */  				
a:link.nav {   font-family: Verdana, Arial, Helvetica, sans-serif;    font-size: 15px;   text-decoration: none; }

/* =Style horizontal lines--------------------------------------------------------------- */
hr {   border: none;   height: 1px;   color: #600; /* old IE */   background-color: #600; 
/* Modern Browsers */ }.rTable:after {   visibility: hidden;   display: block;   font-size: 0;   content: " ";   clear: both;   height: 0; }

/* =Make columns responsive--------------------------------------------------------------- */
* {   box-sizing: border-box; }.row::after {   content: "";   clear: both;   display: block; }

/* For mobile phones: */
[class*="column"] {   width: 98%;   float: left; }@media only screen and (min-width: 768px) {  

/* For desktop: */  
.column {   width: 46%;   float: left;} }

/* =Make video iframe responsive--------------------------------------------------------------- */
.video-container {   position: relative;   padding-bottom: 56.25%;   padding-top: 35px;   height: 0;   overflow: hidden; }
.video-container iframe {   position: absolute;   top:0;   left: 0;   width: 100%;   height: 100%; }

/* =Make paragraphs shorter --------------------------------------------------------------- */
p {   width: 98%; }

/* =Align images in texts--------------------------------------------------------------- */
img.align {   max-width: 100%;   height: auto;   float: left;   margin: 0px 10px 0px 0px;   border-style: none; }
img.flag {   max-width: 100%;   height: auto;   float: left;   margin: 0px 5px 0px 0px;   border-style: none; }
img.m {   max-width: 100%;   height: auto;   border-style: solid;   border-width: 1px;   border-color: black; }
img.l {   width: 300px;   border-style: solid;   border-width: 1px;   border-color: black; }
img.xl {   max-width: 100%;   height: auto; }img.av {   width: 100px;   height: 100px;   float: left;   margin: 0px 10px 0px 0px;   border-style: solid;   border-width: 1px;   border-color: black; }

/* =Style old news pages--------------------------------------------------------------- */
table.song {   font-family: "Ubuntu", sans-serif;   font-weight: 300;   font-size: 14px;   margin-left: auto;   margin-right: auto;   max-width: 1000px; }
td.newsside {   font-family: "Ubuntu", sans-serif;    font-weight: 300;   font-size: 14px;    width: 220px; }
td.newscenter {   font-family: "Ubuntu", sans-serif;    font-weight: 300;   font-size: 14px;   width: 540px;   text-align: justify; }

/* =Style div's--------------------------------------------------------------- */
div.redirect {   font-family: "Ubuntu", sans-serif;   font-weight: 300;   font-size: 14px;   color: #FFF;   margin-left: auto;   margin-right: auto;   max-width: 600px;   text-align: center; }a.redirect {   font-family: "Ubuntu", sans-serif;   font-weight: 300;   font-size: 14px;   text-decoration: underline;   color: #FFF; }

/* =Special style for interview questions--------------------------------------------------------------- */
p.interview {   font-family: "Ubuntu", sans-serif;   font-weight: 600;   font-size: 14px;   color: #933; }

/* =Special style for swipe content--------------------------------------------------------------- */.swipe {  overflow: hidden;  visibility: hidden;  position: relative;}.swipe-wrap {  overflow: hidden;  position: relative;}.swipe-wrap > div {  float: left;  width: 100%;  position: relative;}