/* 
 * text sizes for different resolutions defined in thomepage.css, tcschomepage.css, resolutions.css
 * */
#NoticeMobile {
    color:white;
    background:#a0122c;
    border:solid 1px red;
    margin:0px 0px 2px 0px;
}
#NoticeMobile a {
    color:white;
    font-weight:bolder;
    text-decoration:none;
}
#btn-noticemobile-close {
	color:white;
	background:red;
	border-radius:25px;
	border:solid 1px white;
	cursor:pointer;
	padding:2px;
	width:16px;
	height:16px;
	line-height:16px;
	vertical-align:middle;
	text-align:center;
	float:right;
}

#btn-noticemobile-close:hover {
	color:red;
	background:white;
	border:solid 1px red;
}


/* screen resolutions */
@media screen and (min-width: 360px) {
    #NoticeMobile {font-size:13px;}
}

@media screen and (min-width: 440px) {
}

@media screen and (min-width: 660px) {
    #NoticeMobile {font-size:14px;}
}

@media screen and (min-width: 800px) {
    #NoticeMobile {font-size:15px;}
}

@media screen and (min-width: 870px) {
    #NoticeMobile {font-size:16px;}
}

@media screen and (min-width: 1040px) {
    #NoticeMobile {font-size:17px;}
}

@media screen and (min-width: 1240px) {
    #NoticeMobile {font-size:18px;}
}