header {background: url("https://jbart.joybomb.com.tw/html/nu3/20210817_LoginDays/img/index-bg.jpg") no-repeat 50% 0px;}
.main {max-width: 1000px; margin: 0px auto; position: relative;}
.teamName {
    position: absolute;
    text-align: right;
    color: #000000;
	font-weight: 700;
	right: 3rem;
    bottom: 9rem;
    font-size: 1.55rem;
	line-height: 1.2rem;
}
.teamName small {
    color: #8C8C8C;
    font-size: 0.75rem;
}
/* .nav-link {color: #ffffff;}
.nav-link:hover, .nav-link:focus {color: rgba(255, 255, 255, 0.75);} */
.copyright { margin-bottom: 3rem; border-bottom: 10px solid #2a2a2a;}
.card-header {border-bottom: 1px solid rgba(255,255,255,0.125);}
.text-muted {color: #828999 !important; }
hr {border-top: 1px solid rgba(255,255,255, 0.1); margin-top: 1.5rem;  margin-bottom: 1.5rem; }

@media (max-width: 410.98px) { 
	.teamName {
    right: 3rem;
    bottom: 8rem;
    font-size: 1.35rem;
    }	
}


@media (min-width: 576px) {
  .card-columns {column-count: 1; }
  
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .teamName {
        right: 7rem;
        bottom: 17rem;
        font-size: 2.65rem;
        line-height: 2rem;
    }	
    .teamName small {
        font-size: 1.2rem;
    }		
}

@media (min-width: 992px) {
  .card-columns {column-count: 3; }
  .teamName {
      right: 8rem;
      bottom: 23rem;
      font-size: 2.65rem;
      line-height: 2rem;
  }	
  .teamName small {
      font-size: 1.2rem;
  }
}