/*
	============================================================
	!important
	============================================================

	These breakpoints *must* match those which are located in
	`shared/assets/css/component/variable`

	============================================================

	$breakpoint-context:          16px;
	$breakpoint-mobile-small:     480px ÷ $breakpoint-context = 30em // max
	$breakpoint-mobile:           640px ÷ $breakpoint-context = 40em // max
	$breakpoint-tablet-small:     764px ÷ $breakpoint-context = 47.75em // max
	$breakpoint-tablet:           958px ÷ $breakpoint-context = 59.875em // max
	$breakpoint-desktop-small:    1206px ÷ $breakpoint-context = 75.375em // max
	$breakpoint-desktop:          1207px ÷ $breakpoint-context = 75.4375em // min

	============================================================

*/

header.main a.logo{
	background: transparent url(/images/logo-light.png) 0 0 no-repeat scroll;
	/*background: red;*/
	display: block;
	height: 127px;
	left: -4px;
	top: -29px;
	width: 342px;
	z-index: 2;
}

footer .logo-umc-footer{
/*	background: transparent url(/images/umc-umcom-horizontal-bp.png) bottom left no-repeat scroll;*/
        width: 45%;
        clear: both;
}
@media only screen and (max-width: 640px) {
        footer .logo-umc-footer{
            width:65%!important;
            margin:auto;
        }
        .umc-site-text {
            text-align: center!important;    
        }
 }

/* $breakpoint == desktop */
@media only screen and (min-width: 1207px) {

}

/* $breakpoint == desktop-small */
@media only screen and (max-width: 1206px) {

}

/* $breakpoint == tablet */
@media only screen and (max-width: 958px) {
	header.main a.logo{
		background-image: url(/images/logo-light.png);
		background-position: 0 0;
		background-size: 174px 55px;
		height: 55px;
		top: 10px;
		width: 174px;
		z-index: 1;
	}

	.no-backgroundsize header.main a.logo{ background-image: url(/images/logo-light-tablet.png); }
}

/* $breakpoint == tablet-small */
@media only screen and (max-width: 764px) {

}

/* $breakpoint == mobile */
@media only screen and (max-width: 640px) {
	header.main a.logo{
		background-image: url(/images/logo-light-mobile@2x.png);
		background-size: 142px 41px;
		height: 41px;
		top: 4px;
		width: 142px;
	}

	.no-backgroundsize header.main a.logo{ background-image: url(/images/logo-light-mobile.png); }
}

/* $breakpoint == mobile-small */
@media only screen and (max-width: 480px) {

}
@-moz-document url-prefix() {
         h3, h4 {
            letter-spacing: 0px;
            font-family: "TradeGothic","Arial","Helvetica",sans-serif; 
        }
}