.header-links-box {
    margin: 0 auto;
    box-sizing: border-box;
}
a.header-link {
    color: #99FF99; 
    text-decoration: none; 
}
a.header-link:hover {
    color: #FFFFFF; 
}
.name-logo-box {
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}
.logo-box {
    float: left;
    width: 100%;
    margin: 5px 0 1px 0;
    box-sizing: border-box;
}
.name-tag-box {
    float: left;
    width: 100%;
    margin: 1px 0 3px 0;
    padding: 0;
    text-align: center;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-family: 'Arial';
    font-size: 32px;
    color: #FFFFFF;
}
.tag-line {
    font-family: 'Arial';
    font-size: 12px;
    color: #FFFF00;
}
.imgLogo {
    display: block;
    width: 36px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (min-width: 300px) and (max-width: 468px) {
.logo-box {
    width: 100%;
    margin: 5px 0 1px 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: 100%;
    margin: 1px 0 3px 0;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 36px;
    height: auto;
}
}
@media only screen and (min-width: 469px) and (max-width: 600px) {
.logo-box {
    width: auto;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: auto;
    margin: 2px 4px auto;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 42px;
    height: auto;
}
}
@media only screen and (min-width: 601px) and (max-width: 768px){
.logo-box {
    width: auto;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: auto;
    margin: 2px 4px auto;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 42px;
    height: auto;
}
}
@media only screen and (min-width: 769px) and (max-width: 950px){
.logo-box {
    width: auto;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: auto;
    margin: 2px 4px auto;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 42px;
    height: auto;
}
}
@media only screen and (min-width: 951px) and (max-width: 1080px){
.logo-box {
    width: auto;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: auto;
    margin: 2px 4px auto;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 42px;
    height: auto;
}
}
@media only screen and (min-width: 1081px) and (max-width: 1200px){
.logo-box {
    width: auto;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: auto;
    margin: 2px 4px auto;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 42px;
    height: auto;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1365px){
.logo-box {
    width: auto;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: auto;
    margin: 2px 4px auto;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 42px;
    height: auto;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1536px){
.logo-box {
    width: auto;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: auto;
    margin: 2px 4px auto;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 42px;
    height: auto;
}
}
@media only screen and (min-width: 1537px){
.logo-box {
    width: auto;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
.name-tag-box {
    width: auto;
    margin: 2px 4px auto;
    line-height: 18px;
    box-sizing: border-box;
}
.site-name {
    font-size: 32px;
}
.imgLogo {
    width: 42px;
    height: auto;
}
}