/* ####################################################
NOTE
I am coding styles using SASS (.scss) which is then compiled using Compass into this .css

This is (.scss) file for Football website

Created by Sam Silvey
###################################################
*/
/* ####################################################
NOTE
I am coding styles using SASS (.scss) which is then compiled using Compass into this .css

This is (.scss) file for variables and mixins of Football website

Created by Sam Silvey
###################################################
*/
#home_page .home_header {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  min-height: 100vh;
  padding-top: 66px; }
  #home_page .home_header h1 {
    padding: 0.5em 0.8em; }
    @media (max-width: 767px) {
      #home_page .home_header h1 {
        padding: 0.7em; } }
#home_page .header_bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #51b5e7;
  text-align: center;
  padding: 1.5em 0; }
  #home_page .header_bottom hr {
    margin: 0;
    top: calc( 50% - 1px );
    position: absolute;
    width: 100%;
    left: 0;
    border-top: 1px dotted #fff; }
  #home_page .header_bottom div {
    display: inline-block;
    padding: 0 1em;
    background-color: #51b5e7;
    position: relative;
    z-index: 1; }
    #home_page .header_bottom div * {
      margin: 0;
      text-transform: none;
      color: #fff;
      font-family: 'GothamMedium';
      font-size: 1.5em; }

.football_category {
  *margin: 3.8em 0; }
  .football_category a {
    display: inline-block;
    width: 100%; }
    .football_category a img {
      width: 100%; }

.ads_temp_section {
  display: none; }

.football_category .ads_wrapper {
  background: none; }
  @media (max-width: 1230px) {
    .football_category .ads_wrapper {
      padding: 0; } }
  .football_category .ads_wrapper .bsaProItem {
    width: 50%;
    float: left;
    text-align: center; }
    .football_category .ads_wrapper .bsaProItem .bsaProItemInner {
      width: 92%;
      display: inline-block; }
      .football_category .ads_wrapper .bsaProItem .bsaProItemInner .bsaProItemInner__img {
        height: 111px !important;
        width: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: transparent; }
        @media (max-width: 1200px) {
          .football_category .ads_wrapper .bsaProItem .bsaProItemInner .bsaProItemInner__img {
            height: 10vw !important; } }

/*# sourceMappingURL=home.css.map */