/*!
 * Mudersbach GmbH & Co. KG  - Blechkonstruktionen und Blechbearbeitung
 * Stand Juli 2016
 * Mario Perez Leal - Creacion GmbH
 */

body{
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400; 
	line-height:145%;
	}

p{
	margin-bottom:15px;
	}

strong{
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600; 
	}

.business-header {
    height: 350px;
    background: url('../img/mudersbach_grossteilfertigung.jpg') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}

#content{
	margin-top:30px;
	}

#mudersbach-images{
	margin-top:5px;
	}

.tagline {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600; 
	color: #fff;
	background-color:#172983;
	background-color: hsla(230, 100%, 20%, 0.8);
	padding:10px;
	font-size:21px;
	line-height:125%;
	text-transform:uppercase;
	display:inline-block;
	}
	
.subline {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600; 
	color: #fff;
	background-color:#172983;
	background-color: hsla(230, 100%, 20%, 0.8);
	padding:10px;
	font-size:15px;
	text-transform:uppercase;
	}
	
.kontaktblock{
    color: #fff;
	background-color:#172983;
	padding:15px;
	font-size:20px;
	text-align:center;
	margin:0px;
	display:block;
	}
	
.kontaktblock a {
    color: #fff;
	text-decoration:none;
	}
	
.kontaktblock:hover {
    color: #fff;
	background-color:#1830aa;
	text-decoration:none;
	}

.webblock{
    color: #969696;
	background-color:#ffffff;
	border:1px solid #969696;
	padding:15px;
	font-size:15px;
	font-weight: 600; 
	text-align:center;
	margin:25px 0;
	display:block;
	}
	
.webblock a {
    color: #fff;
	text-decoration:none;
	}
	
.webblock:hover {
    color: #fff;
	background-color:#969696;
	border:1px solid #969696;
	text-decoration:none;
	}
	
.business-header .row{
	margin-top:180px;
	}
	
.business-header .row h1, .business-header .row h2{
	margin:0px 0 3px 0;
	display:inline-block;
	}
	
h2 {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600; 
	line-height:145%;
	font-size:26px;
	color:#283a90;
	}
	
h3 {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600; 
	line-height:145%;
	font-weight:bold;
	font-size:16px;
	color:#283a90 ;
	}
	
h4 {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 600; 
	line-height:145%;
	font-weight:bold;
	font-size:14px;
	color:#171717;
	}

ul {
    list-style-type: none;
    margin: 5px 0 15px 0px;
	}

li {
    background: transparent url("../img/bullet.png") no-repeat scroll 0 0.45em !important;
    padding: 0 0 5px 15px;
	}

.logo{
	margin: 20px auto;
	padding-left:10px;
	}

.img-center {
    margin: 0 auto;
	}

.companyinfo{
	margin:30px 0;
    border:3px solid #ccc;
	padding:20px;
	}
	
.companyinfo h2{
	margin:0px;
	}

footer {
    margin: 50px 0;
	font-size:12px;
	}

.socials {
	height:48px;
	width:48px;
 	-webkit-transition:all 0.5s ease-out;
  	-moz-transition:all 0.5s ease-out;
 	-ms-transition:all 0.5s ease-out;
 	-o-transition:all 0.5s ease-out;
 	transition:all 0.5s ease-out;
	}

.socials:hover {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
	}



@media only screen and (max-width: 480px) {
	.tagline {
    font-size:15px;
	}
	
	.subline {
	font-size:12px;
	}
	
	.kontaktblock{
	font-size:15px;
	margin:20px 0 20px 0;
	}
	
	.companyinfo{
	margin:30px 0;
	padding:15px;
	}
	
	.business-header .row{
	margin-top:55px;
	}
	
	.business-header {
    max-height: 200px;
    }
	
	h2 {
	font-size:20px;
	margin-top:0px;
	}
	
	footer {
	margin-top:0px;
	font-size:10px;
	}
}