h1 {
    margin:50px 0;

    font-size:35px;
    letter-spacing: 2px;
    border:0;
    display:block;
    line-height:1em;
    max-width:60%;
    text-align: center;
  }
  h2{
  	max-width:60%;
  	padding-top:20px;
    color:#222;
    letter-spacing: normal;
  }
  .golf-category h2 {
    max-width: 100%;
  }
  h3{
  	color:#1a64e9;
  	line-height:1em;
  	padding:0;
  	margin:0;
  }

  body {
    background:#fff;
    color:#333;
  }
  .top-nav-wrapper {
    background: transparent;
  }

  .main-menu-link {
    color:#444;
  }
  .main-menu-link:hover {
    color:#222;
    border-color:#1a64e9;
  }
  .menu-devider {
    background:#333;
  }

  .social-link {
    filter: invert(100%);
  }


  .video-link  {

    display:inline-block;
    width:60%;
    background:#f8f8f8;
    border:1px solid #e2e2e2;
    border-radius: 2px;
    padding:4px 0;
    position: relative;
    text-align: center;
    color:#4171a7;
    font-weight: bold;

    z-index:100;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;

    cursor: pointer;
    outline: none;
    overflow: hidden;
    transition: all .8s cubic-bezier(0.18, 0.89, 0.32, 2.18);
  }
  .video-link:after {
      content : "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image:url(video-bg.svg);
      background-position: center left;
      background-repeat: no-repeat;
      background-size: 48px;
      width: 100%;
      height: 100%;
      opacity : 0.3;
      z-index: 1;
      transition: all .8s cubic-bezier(0.18, 0.89, 0.32, 2.18);
  }
  .video-link:hover:after {
    opacity : 0.2;
    background-size: 55px;
  }
  .vid-link-title {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color:#333;
    margin-bottom: 4px;
    font-weight: 100;
  }

  .video-link span {
   position: relative;
   pointer-events: none;
  }
  .video-link::before {
   --size: 0px;
   content: '';
   position: absolute;
   left: var(--x);
   top: var(--y);
   width: var(--size);
   height: var(--size);
   background: radial-gradient(circle closest-side, #d8d8d8, transparent);
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   transition: width .2s ease, height .2s ease;
  }
  .video-link:hover::before {
   --size: 400px;
  }


  .video-link:hover {
    color: #1a64e9;
    text-decoration: none;
  }

  .video-link:active,
  .video-link:focus {
    outline:none !important;
  }



  .yt-video {
    display:block;
    background:#eee;
    width:450px;
    height:250px;
    margin-top:20px;
  }


  #golf-wrapper {
    margin-top:-50px;
  }
  .golf-category {
	  padding-left:15px;
    margin-left:1px;
    border-left: 2px dotted #333;
    width:60%;
  }

  .golf-sub-category {
  	padding-left:10px;

  }
  .golf-sub-category-incorrect {

  }

  .golf-thumb {
  	display:inline-block;
  }
  .golf-thumb-selected {
  	border:5px solid white;
  }
  .golf-thumb-img {
  	width:100px; height:120px;
  }

  #bg-overlay {
    width:100%;
    height:100%;
    position: fixed;
    left:0;
    top:0;
    background:rgba(0,0,0,.8);
    z-index: 100;
    display:none;
  }

  #main-img-wrapper {
  	position: relative;
  	float:right;
  }
  #close-main-img {
    float: right;
    margin-top: -20px;
    font-size: 15px;
    background: #eee;
    height: 20px;
    width: 20px;
    color: #555;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    display: block;
    font-family:sans-serif;
  }
  #close-main-img:hover {
    text-decoration: none;
  }
  #main-img {
    max-width:450px;
    max-height: 500px;
  	border:5px solid white;
  }
  #player-name {
    text-align: center;
    font-size:12px;
    font-weight: 400;
  }

  .img-loading {
    -webkit-animation: img-loading 2s ease infinite;
       -moz-animation: img-loading 2s ease infinite;
         -o-animation: img-loading 2s ease infinite;
            animation: img-loading 2s ease infinite;
  }

  .btn-tab{
  	display:inline-block;
    padding:15px 30px;
    color:#fff;
    background-color:#444;
    font-weight:500;
  }
  .btn-tab:hover{
  	background:#666;
  	text-decoration:none;
  }
    .tab-selected{
  	background-color:#1a64e9;
  }




  @media only screen and (max-width: 1000px) {
    #main-img {
      width:300px;
    }
  }

  @media only screen and (max-width: 800px) {
    .golf-category {
      width:auto;
      padding:1%;
    }

      .video-link  {
        width:auto;
      }
    h2 {
      width:auto;
    }

    #main-img-wrapper {
      position: fixed;
      float:none;
      top:0px;
      width:100%;
      max-width: 800px;
      max-height: 800px;
      border:none;
      z-index: 1000;
      display:none;
      text-align: center;
    }
    #main-img {
      width:100%;
      height:auto;
      max-height: 800px;
      box-sizing: border-box;
    }
    .golf-thumb-selected {
    	border:0;
    }
  }


  @media only screen and (max-width: 460px) {
    #main-img-wrapper {
      top:100px;
      max-width: 100%;
      max-height: 100%;
      left:0;
    }
    .btn-tab {
      width:100%;
      padding:20px 0;
      text-align:center;
    }
    h2 {
      font-size:18px;
      line-height: 20px;
      letter-spacing: 0;
      font-weight:700;
    }

  }


  @-webkit-keyframes img-loading {
    0% {opacity:1;}
    50% {opacity:.8;}
    100% {opacity:1;}
  }
  @-moz-keyframes img-loading {
    0% {opacity:1;}
    50% {opacity:.8;}
    100% {opacity:1;}
  }
  @-o-keyframes img-loading {
    0% {opacity:1;}
    50% {opacity:.8;}
    100% {opacity:1;}
  }
  @keyframes img-loading {
    0% {opacity:1;}
    50% {opacity:.8;}
    100% {opacity:1;}
  }