body {
	  font-family: Arimo;
  	  background-image: url('/pyfc/images/gg.jpg');
  	  background-repeat: no-repeat;
          background-attachment: fixed;
          background-size: 100%;
          margin: 0px;
          border-radius: 0px;
	}
	.content {
	  width: 100%;
	  max-width: 1232px;
	  margin: 20px auto;
	  padding: 25px;
          box-sizing: border-box;
          background-color: white;
          text-align: left;
          border-radius: 10px;
        }
        .header-wrap {
	  width: 100%;
	  background: rgba(0, 0, 0, 0.5);
        }
        .header {
	  display: flex;
	  align-items: center;
	  justify-content: space-between;
	  padding: 8px 15px;
          text-align: left;
          width: 100%;
          max-width: 1232px;
          margin: 0 auto;
          min-height: 86px;
          box-sizing: border-box;
        }
        @media (min-width: 576px) {
    .header,
    .content {
	    max-width: 540px;
	  }
        }
        @media (min-width: 768px) {
    .header,
    .content {
	    max-width: 720px;
	  }
        }
        @media (min-width: 1024px) {
    .header,
    .content {
	    max-width: 960px;
	  }
        }
        @media (min-width: 1200px) {
    .header,
    .content {
	    max-width: 1232px;
	  }
        }
        .logo {
          opacity: 1;
	  height: 70px;
	  width: auto;
	  display: block;
        }
       .profile_photo {
          min-height: 120px;
        }

          .club-menu {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
          gap: 0;
          margin: 0 0 0 auto;
          padding: 0;
          }

          .club-menu a {
      position: relative;
          margin: 0 15px;
          padding: 10px 0;
      font-family: Arimo, "Open Sans", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 14px;
      line-height: 1.5em;
      letter-spacing: 0;
          color: rgb(248, 249, 250);
          text-decoration: none;
          }

          .club-menu a:first-child {
        margin-left: 0;
          }

          .club-menu a:last-child {
        margin-right: 0;
          }

          .club-menu a:hover,
          .club-menu a.active {
          color: rgb(255, 213, 38);
          }

          .club-menu a::after {
      content: "";
      position: absolute;
      left: 0;
          bottom: 4px;
      width: 100%;
      height: 2px;
          background-color: rgb(255, 213, 38);
      opacity: 0;
          }

            .index-links a {
          color: LinkText;
          text-decoration: underline;
            }

            .index-links a:visited {
          color: VisitedText;
            }

          .club-menu a:hover::after,
          .club-menu a.active::after {
      opacity: 1;
          }

            @media (max-width: 900px) {
          .header {
      	    height: auto;
      	    flex-direction: column;
      	    align-items: flex-start;
        padding: 10px 15px;
          }

          .logo {
       	    height: 58px;
          }

          .club-menu {
      	    width: 100%;
	      margin: 0;
          }

          .club-menu a {
      	    margin: 4px 12px 4px 0;
          }
            }