@media only screen and (max-width: 1315px) {
  #introVideoWrap {
    overflow: hidden;
    height: 480px; } }
@media only screen and (max-width: 1196px) {
  .pageWidth, #mainPage, #pageContainer {
    margin: 0; }

  #homePageOuterWrapper,
  #sportPageOuterWrapper,
  #sitePageOuterWrapper,
  .pageOuterWrapper {
    width: 90%;
    padding: 0;
    margin-left: auto;
    margin-right: auto; }
    #homePageOuterWrapper .pageTitle,
    #sportPageOuterWrapper .pageTitle,
    #sitePageOuterWrapper .pageTitle,
    .pageOuterWrapper .pageTitle {
      font-size: 48px; }

  #sitePageOuterWrapper {
    padding-top: 100px; }

  .customContent .contentOuter img {
    width: 600px; } }
@media only screen and (max-width: 1103px) {
  .customContent .contentOuter img {
    width: 500px; }
  .customContent .contentOuter .body {
    width: 310px; }

  #footer .top .contact {
    width: 350px; }
  #footer .top .instagram {
    padding-left: 1rem;
    padding-right: 1rem; }
    #footer .top .instagram iframe {
      width: 350px;
      height: 480px; }
  #footer .top .footerMenu {
    width: 160px;
    word-wrap: break-word; } }
@media only screen and (max-width: 1083px) {
  #signUpIsEasyOuter .column {
    width: 220px; }
    #signUpIsEasyOuter .column .content img {
      max-width: 90%; }
  #signUpIsEasyOuter .column-separator {
    width: 15px; } }
@media only screen and (max-width: 990px) {
  .customContent:nth-child(odd) img {
    float: none;
    clear: left; }

  .customContent:nth-child(even) img {
    float: none;
    clear: left; }

  .customContent:nth-child(odd) .body {
    float: none;
    clear: left;
    margin-right: 0; }

  .customContent:nth-child(even) .body {
    float: none;
    clear: left;
    margin-left: 0; }

  .customContent {
    margin: 60px 0; }
    .customContent .contentOuter .body,
    .customContent .contentOuter img {
      width: 100%; }

  #signUpIsEasyOuter .column {
    width: 195px; }
  #signUpIsEasyOuter .column-separator {
    width: 10px; }

  #footer .top .contact {
    width: 270px; } }
@media only screen and (max-width: 850px) {
  #header {
    display: none; }

  #introVideoWrap {
    display: none; }

  #introImage {
    display: block; }
    #introImage img {
      padding: 0;
      display: block;
      margin: 0 auto;
      max-height: 100%;
      max-width: 100%; }

  #sitePageOuterWrapper {
    padding-top: 15px; }

  #signUpIsEasyOuter .column {
    width: 182px; }

  #footer .top .contact {
    width: 220px; } }
@media only screen and (max-width: 767px) {
  #firstRules {
    margin-bottom: 1rem; }
    #firstRules #firstRulesButtons {
      display: block; }
      #firstRules #firstRulesButtons .column {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        display: block; }
        #firstRules #firstRulesButtons .column .buttonLarge {
          font-size: 14px;
          padding: 8px 17px; }

  #signUpIsEasyOuter .column {
    float: none;
    clear: left;
    padding-top: 1rem;
    padding-top: 0;
    width: 70%;
    margin-left: auto;
    margin-right: auto; }
    #signUpIsEasyOuter .column .content {
      font-size: 14px; }
      #signUpIsEasyOuter .column .content img {
        max-width: 100%;
        margin-bottom: 0; }
  #signUpIsEasyOuter .column-separator {
    width: 0px; }

  #footer .top .column {
    float: none;
    clear: left;
    padding-top: 1rem;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  #footer .bottom .copy {
    padding: 0 2rem; }
  #footer .bottom .socialLinks {
    display: block;
    margin-bottom: 1rem; }
  #footer .bottom .smallPrint .divider {
    padding: 0 4px; }
  #footer .top {
    width: 100%; }
    #footer .top .socialLinks {
      margin: 2rem 0 1rem 0; }
    #footer .top .instagram iframe {
      width: 97%;
      height: 480px; }
    #footer .top .footerMenu {
      padding-top: 0px; } }
@media only screen and (max-width: 568px) {
  #footer .top .instagram {
    display: block; }
    #footer .top .instagram iframe {
      height: 350px; }

  body.okc #sportNav,
  body.tulsa #sportNav {
    width: 90%; }
    body.okc #sportNav .row > div,
    body.tulsa #sportNav .row > div {
      width: 100%;
      margin-bottom: 15px; }
  body.okc #theNumbers,
  body.tulsa #theNumbers {
    height: auto; }
    body.okc #theNumbers h4,
    body.tulsa #theNumbers h4 {
      max-width: 85%;
      margin: auto; }
    body.okc #theNumbers #cells,
    body.tulsa #theNumbers #cells {
      width: 100%; }
      body.okc #theNumbers #cells > div,
      body.tulsa #theNumbers #cells > div {
        width: 100%;
        margin-bottom: 15px; }
  body.okc #newsletterSignup,
  body.tulsa #newsletterSignup {
    height: auto; }
    body.okc #newsletterSignup h4,
    body.tulsa #newsletterSignup h4 {
      max-width: 85%; }
    body.okc #newsletterSignup form,
    body.tulsa #newsletterSignup form {
      width: 80%; }
      body.okc #newsletterSignup form input[type=text],
      body.tulsa #newsletterSignup form input[type=text] {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        margin-bottom: 5px; }
      body.okc #newsletterSignup form input[type=submit],
      body.tulsa #newsletterSignup form input[type=submit] {
        width: 100%; }

  body #mainPage #sitePageOuterWrapper #pageContainer .one-one-one,
  body #mainPage #sitePageOuterWrapper #pageContainer .two-one,
  body #mainPage #sitePageOuterWrapper #pageContainer .one-two {
    background: none; }

  body #mainPage #sitePageOuterWrapper #pageContainer .one-one-one > .component:nth-of-type(2) {
    background: #00aaff; }

  body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_1 {
    width: 100%; }
    body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_1 > div,
    body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_1 .body {
      width: 100%; }
  body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_2 {
    width: 100%; }
    body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_2 > div,
    body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_2 .body {
      width: 100%; }
  body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_3 {
    width: 100%; }
    body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_3 > div,
    body #mainPage #sitePageOuterWrapper #pageContainer .componentRow .component.size_3 .body {
      width: 100%; } }
/* Team Builder */
@media only screen and (max-width: 560px) {
  body.forceResponsive #sitePageOuterWrapper {
    padding-left: 15px;
    padding-right: 15px; } }