@charset "UTF-8";

/* Layout Small Screens */


#header {
	height: 85px;
	background: url(../images/MIGwelding_small.jpg) no-repeat right 0px;
}

#header a.logo { display: block; position: absolute; background-position: 0px 0px; background-repeat: no-repeat; }

#header a.logo {
	width: 149px; height: 40px;
	top: 5px; right: 15px;
	background-image: url(../images/logo_small.jpg);
}

#article { padding: 20px 20px 10px 20px; }

nav {	height: 100%;
	display: block;
	position: static;
	padding: 5px 0px 5px 5px;
	background-color: #94C744;
	border: none; 
}

nav a {
	color: #fff;
	display: block;
	margin: 5px;
	padding: 9px;
	border: 1px solid #a6abc5; background-color: #0053a0;
}

nav a:hover { color: #000; background-color: #fff; }


.COL_container { padding: 0; margin: 10px 0 0 0;}

.colONE {
	width: auto;
	float: none;
	padding: 0px 0px 0px 0px;
}
.colTWO {
	width: auto;
	float: none;
	padding: 0px 0px 0px 0px;
}


.colONE .content { padding: 5px 30px 10px 15px; line-height: 1.5em;}
.colTWO .content { padding: 5px 15px 10px 15px; text-align: center;}



body { background-image: none; overflow-y: scroll; }


#motto { font-size: 1em; text-align: right; color: orange; padding: 60px 0 25px 0;}

.contact {display: block;}

.phone  {color: #ff0000; padding: 10px; float:left; border: none;}