/*==========================
  — S U B T R A C T
  --------------------------
  Version 1
  
  http://getsubtract.com
  ==========================*/
  
/*============================================================
  GLOBAL STYLES
  ============================================================*/
  html                      { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size:62.5%; }
  body                      { color:#1b1b1b; background:#fff; font:1.6rem/1 'Lato', sans-serif; }
  
  @media screen and (max-device-width:720px) {
  html                      { -webkit-tap-highlight-color:rgba(0,0,0,.5); } /* Change Color of Tap Highlight in Touch Devices */
  body                      { -webkit-text-size-adjust:none; }
  }

  /* HEADINGS
  ---------------------------------------- */
  h1, h2, h3, h4, h5, h6    { color:#333; font-weight:bold; line-height:1.5; }
  h1                        { font-size:6.0rem; font-weight:400; }
  h2                        { font-size:3.6rem; font-weight:400; color:#005b87; margin-bottom:2rem; }
  h3                        { font-size:2.4rem; font-weight:bold; letter-spacing:2px; text-transform:uppercase; margin-bottom:30px;  }
  h4                        { font-size:2rem; font-weight:400; color:#005b87; margin-bottom:2rem; }
  
  /* PARAGRAPH
  ---------------------------------------- */
  p                         { font-size:1.8rem; line-height:1.8; margin-bottom:2.4rem; text-rendering:optimizeLegibility; }
  
  /* OTHER TAGS
  ---------------------------------------- */
  em                        { font-style:italic; }
  strong                    { font-weight:bold; }
  .small                    { font-size:12px; }
  hr                        { border-top:solid 1px #ddd; clear:both; margin:1rem 0; -moz-box-sizing:content-box; box-sizing:content-box; height:0; }
  
  /* LINKS
  ---------------------------------------- */
  a                         { color:#2b85cb; text-decoration:none; outline:0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; }
  a:hover, a:focus          { color:#1069ad; }


  /* CODE
  ---------------------------------------- */
  code                      { font-family:Consolas, Courier, monospace; color:#333; background-color:#efeded; border:solid 1px #e0e0e0; display:block; }

  /* LISTS
  Add .list to ul or ol to display
  list with bullets and numbers.
  ---------------------------------------- */
  ul.list, ol.list          { font-size:1.6rem; line-height:1.6; margin:0 0 1.6rem; list-style-position:outside; }

  /* Unordered Lists */
  ul.list                   { margin-left:1.6rem; list-style-type:disc; }
  ul.list li ul             { margin:0 0 0 1.6rem; }
  ul.list li ol             { margin:0 0 0 2.25rem; }

  /* Ordered Lists */
  ol.list                   { margin-left:2.2rem; list-style-type:decimal; }
  ol.list li ul             { margin:0 0 0 1.6rem; }
  ol.list li ol             { margin:0 0 0 2.2rem; }

  /* BLOCKQUOTES
  ---------------------------------------- */
  blockquote                { margin:0 0 1.25rem; padding:0.5625rem 1.25rem 0 1.1875rem; border-left:solid 1px #ddd; }
  blockquote cite           { display:block; font-size:0.8125rem; color:#555; }
  blockquote cite:before    { content:"\2014 \0020"; }
  blockquote cite a, blockquote cite a:visited
                            { color:#555555; }
  blockquote, blockquote p  { line-height:1.6; color:#6f6f6f; }

  /* SELECTION
  ---------------------------------------- */
  ::selection               { background:#333; color:#fff; }
  ::-moz-selection          { background:#333; color:#fff; }
  
/*============================================================
  CONTENT
  ============================================================*/
  
  /* BOXES */	
  .blue-bg				{ height:100%; background:url(../images/blue-bg.jpg ) repeat-x; position:relative; overflow:hidden; background-size: cover; }	
  .gray-box				{ background:#efefef; padding:60px 0px; position:relative; margin-bottom:50px; overflow:hidden; font-size:62.5%; }
  .dark-box				{ background:#273238; padding:60px 0px; position:relative; margin-bottom:50px; overflow:hidden; font-size:62.5%; color:#a5b4bb; }
  .white-box			{ background:#fff; padding:60px 0px; position:relative; margin-bottom:50px; overflow:hidden; font-size:62.5%; }
  .box					{ background:#fff; padding:20px; position:relative; font-size:62.5%; }
  .gridder				{ width:1000px; position:relative; margin:0 auto; } 
  
  .hero					{ min-height:400px; }
  .hero .button			{ margin-right:10px; }
  .hero-text			{ width:65%; float:right; margin-top:65px; }
  .hero-text h1, .hero-text h2, .hero-text p { color:#fff; }
  .hero-text h2			{ line-height:1; margin-bottom:0px; }
  
  .sponsors				{ padding-right:30px; }
  
   /* VIDEO */
  .videoWrapper 		{ position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
  .videoWrapper iframe  { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .videofix			    { max-width:320px !important; }
  
  /* IMAGES */
  .box-art				{ width:27% !important; position:absolute; left:55px; top:20px;  }

  
/*============================================================
  RESPONSIVE
  ============================================================*/
  
  /* SCREENS (960px)
  ---------------------------------------- */
  @media only screen and (min-width:960px) and (max-width:1199px) {
	  
    /* IMAGES */
  .box-art				{ width:32% !important; position:absolute; left:-25px; top:30px;  }
  .hero-text			{ width:65%; float:right; margin-top:65px; }
  
  }
  
  
  /* SCREENS (720px)
  ---------------------------------------- */
  @media only screen and (min-width:720px) and (max-width:959px) {
  
  html                  { font-size:55%; }
  
  /* DEFAULT */
  .gridder				{ width:600px; }
  .late-show			{ display:block !important; }
  .later-show			{ display:block !important; }
  .early-show			{ display:none !important; }
  .earlier-show			{ display:none !important; }
  .early-100			{ width:100% !important;  margin:0px !important; }
  
  .late-pad-top			{ margin-top:20px !important; } 
  .late-pad-bottom		{ margin-bottom:20px !important; }

  /* ELEMENTS */
  .box-art				{ display:none; }
  .hero-text			{ width:100%; float:right; margin-top:80px; text-align:center; }
  .hero					{ min-height:400px; }

  
  /* SPACING */
  .img-control			{ max-width:100% !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
  
  }
  
  
  /* MOBILE (719px or Less)
  ---------------------------------------- */
  @media only screen and (max-width:719px) {
  
  html                  { font-size:50%; }
  
  /* DEFAULT */
  .gridder				{ width:100%; }
  .late-show			{ display:block !important; }
  .later-show			{ display:block !important; }
  .early-show			{ display:none !important; }
  .earlier-show			{ display:none !important; }
  .early-100			{ width:100% !important; margin:0px !important; }
  
  /* ELEMENTS */
  .box-art				{ display:none; }
  .hero-text			{ width:100%; float:right; margin-top:60px; text-align:center; }
  .hero					{ min-height:300px; }
  .hero-text h1			{ font-size:3.8rem; }
  .hero-text h2			{ font-size:2.0rem; }
  
  .large.button, .large.button:visited 		{ font-size: 18px; font-size: 1.8rem; font-weight: bold; padding: 18px 20px; }
  
  /* SPACING */
  .img-control			{ width:100%; max-width:320px !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float:none !important; }
  .late-pad-top			{ margin-top:20px !important; } 
  .late-pad-bottom		{ margin-bottom:20px !important; }
  
  /* MOBILE CSS */
  .late-hide			{ display:none !important; }
  .early-hide			{ display:block !important; }
  
  }