@charset "UTF-8";
/* CSS Document */
@media only screen and (min-width: 0px) and (max-width : 320px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:45px; background:#ffffff; text-align: center; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; font-size: 26px;font-weight:300; text-align:left; color:#000000; margin-left: 15px; padding-top: 3px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {z-index: 5001;position: fixed; top:5px; right:15px; font-size: 16px; font-weight:300; text-align:left; color:#000000; width:auto;  margin-top: 5px}
#number img {width:22px;position: relative; display: inline-block; vertical-align:middle}
.number {top:0px;position: relative; display: inline-block; margin-left:0px; vertical-align:middle;}
#spacer {display: block; position: relative; width:100%; height: 45px; background-color:}
}

@media only screen and (min-width: 321px) and (max-width : 375px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:45px; background:#ffffff; text-align: center; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; float:left;font-size: 26px;font-weight:300; text-align:left; color:#000000; margin-left: 20px; padding-top: 3px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {display: block;position: relative; float:right; font-size: 19px; font-weight:300; width:150px;text-align:left; color:#000000;margin-right: 20px;  margin-top: 8px}
#number img {width:22px;position: relative; display: inline-block; vertical-align:middle}
.number {position: relative; display: inline-block; margin-left:0px; vertical-align:middle;}
#spacer {display: block; position: relative; width:100%; height: 45px; background-color:}
}

@media only screen and (min-width: 376px) and (max-width : 414px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:45px; background:#ffffff; text-align: center; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; float: left;font-size: 26px;font-weight:300; text-align:left; color:#000000; margin-left: 20px; padding-top: 3px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {position: relative; float:right; display: block; font-size: 20px; font-weight:300;width:160px; text-align:left; color:#000000;  margin-right: 20px; margin-top: 8px}
#number img {width:24px;position: relative; display: inline-block; vertical-align:middle}
.number {top:0px;position: relative; display: inline-block; margin-left:0px; vertical-align:middle;}
#spacer {display: block; position: relative; width:100%; height: 45px; background-color:}
}
@media only screen and (min-width: 415px) and (max-width : 480px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:55px; background:#ffffff;overflow: hidden; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; float:left; font-size: 34px;font-weight:300; width:225px; text-align:left; color:#000000; margin-left: 20px; margin-top: 0px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {position: relative; float:right; font-size: 24px; font-weight:300; text-align:left; color:#000000; width:225px; margin-right:0px; margin-top: 7px; text-align: left}
#number img {width: 30px;position: relative; display: inline-block; vertical-align:middle}
.number {top:2px;position: relative; display: inline-block; margin-left:0px; vertical-align:middle; overflow: hidden}
#spacer {display: block; position: relative; width:100%; height: 55px; background-color:}
}

@media only screen and (min-width: 481px) and (max-width : 568px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:55px; background:#ffffff;overflow: hidden; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; float:left; font-size: 34px;font-weight:300; text-align:left; color:#000000; margin-left: 20px; margin-top: 0px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {position: relative; float:right; font-size: 24px; font-weight:300; text-align:left; color:#000000; width:225px; margin-right:0px; margin-top: 7px; text-align: left}
#number img {width: 30px;position: relative; display: inline-block; vertical-align:middle}
.number {top:2px;position: relative; display: inline-block; margin-left:0px; vertical-align:middle; overflow: hidden}
#spacer {display: block; position: relative; width:100%; height: 55px; background-color:}
}

@media only screen and (min-width: 567px) and (max-width : 768px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:55px; background:#ffffff;overflow: hidden; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; float:left; font-size: 36px;font-weight:300; width:225px; text-align:left; color:#000000; margin-left: 20px; margin-top: 0px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {position: relative; float:right; font-size: 24px; font-weight:300; text-align:left; color:#000000; width:225px; margin-right:0px; margin-top: 7px;}
#number img {width: 36px;position: relative; display: inline-block; vertical-align:middle}
.number {top:2px;position: relative; display: inline-block; margin-left:0px; vertical-align:middle; overflow: hidden}
#spacer {display: block; position: relative; width:100%; height: 55px; background-color:}
}

@media only screen and (min-width: 769px) and (max-width : 1024px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:55px; background:#ffffff;overflow: hidden; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; float:left; font-size: 36px;font-weight:300; text-align:left; color:#000000; margin-left: 20px; margin-top: 0px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {position: relative; float:right; font-size: 24px; font-weight:300; text-align:left; color:#000000; width:225px; margin-right:0px; margin-top: 7px; text-align: left}
#number img {width: 36px;position: relative; display: inline-block; vertical-align:middle}
.number {top:2px;position: relative; display: inline-block; margin-left:0px; vertical-align:middle; overflow: hidden}
#spacer {display: block; position: relative; width:100%; height: 55px; background-color:}
}

@media only screen and (min-width: 1025px) and (max-width : 1366px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:65px; background:#ffffff;overflow: hidden; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; float:left; font-size: 42px;font-weight:300; text-align:left; color:#000000; margin-left: 40px; margin-top: 0px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {position: relative; float:right; font-size: 26px; font-weight:300; text-align:left; color:#000000; width:240px; margin-right:0px; margin-top: 7px; text-align: left}
#number img {width: 36px;position: relative; display: inline-block; vertical-align:middle}
.number {top:2px;position: relative; display: inline-block; margin-left:0px; vertical-align:middle; overflow: hidden}
#spacer {display: block; position: relative; width:100%; height: 65px; background-color:}
}

@media only screen and (min-width: 1367px) and (max-width : 5000px) {
#topband {z-index: 5000; position:fixed; top: 0; left: 0; display:block; width:100%; height:75px; background:#ffffff;overflow: hidden; box-shadow: 0  0 4px #000000}
#name {padding: 0px; position: relative; float:left; font-size: 46px;font-weight:300; text-align:left; color:#000000; margin-left: 50px; margin-top: 0px; overflow: hidden}
#name a {color: #000000; text-decoration: none;}
#name a:link {color: #000000; text-decoration: none;}
#name a:active {color: #000000; text-decoration: none;}
#name a:hover {color: #000000; text-decoration: none;}
#name a:visited {color: #000000; text-decoration: none;}

#number {position: relative; float:right; font-size: 30px; font-weight:300; text-align:left; color:#000000; width:350px; margin-right:0px; margin-top: 13px; text-align: left}
#number img {width: 39px;position: relative; display: inline-block; vertical-align:middle}
.number {top:2px;position: relative; display: inline-block; margin-left:0px; vertical-align:middle; overflow: hidden}
#spacer {display: block; position: relative; width:100%; height: 75px; background-color:}
}