body {
	margin-top: 125px; /* adjust this if the height of the menu bar changes */
	font-family: 'Open Sans', Tahoma, sans-serif;
}

h2, h3, h4, h5, h6, h7 {
	color: rgb(0,0,0);
}

h1 {
	font-size: 4em;
}

p {
	line-height: 1.5em;
	font-size: 1.2em;
	color: rgb(120, 120, 120);
}

ul {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	line-height: 1.5em;
	font-size: 1.2em;
	color: rgb(120, 120, 120);
	list-style-type: square;
}

ul li {
	margin-bottom: 5px;
}

img.btn_features {
	border-radius: 50% 50% 50% 50%;
	border: 1px solid black;
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
}

.tagcloud { text-align: center; color: #707070; }
.tagcloud span { padding: 10px; line-height: 30px; }
.tg1 {  font-size: 1.7em; font-weight: bold; }
.tg2 {  font-size: 1.2em; }
.tg3 {  font-size: 0.8em; }
.tg0 {  font-size: 3.8em; font-weight: bold; }
.tg0 a {  color: rgb(20, 36, 69); }


#btn_engineering { background-image: url(../img/icon-wrench.png); }
#btn_engineering:hover { background-image: url(../img/icon-wrench-a.png);  }

#btn_environment { background-image: url(../img/icon-tree.png); }
#btn_environment:hover { background-image: url(../img/icon-tree-a.png);  }

#btn_usb { background-image: url(../img/icon-usb.png); }
#btn_usb:hover { background-image: url(../img/icon-usb-a.png);  }

.modal_headline_icon {
	float: left; 
	margin-right: 10px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	z-index: 3;
}
 
 .navbar-brand {
    padding: 5px 5px 5px 15px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shopbuttons img {
	margin-top: 15px;
	width: 130px;
}

.nav li a {
	padding: 15px 10px;
}

.navbar-fixed-top {
	background: rgb(20, 36, 69);
}

.navbar-fixed-top .nav {
	padding: 15px 0;
	text-transform: uppercase;
	font-size: 1.1em;
}

.navbar-fixed-top .nav li a {
	color: white;
}

.navbar-fixed-top .nav li a:hover {
	color: rgb(132, 195, 239)
}

footer {
	padding: 30px 0;	
}

@media (max-width: 767px) {
	
   body {
		margin-top: 70px; /* adjust this if the height of the menu bar changes */
	}
	
  .navbar-brand img {
	margin-top: -12px;
    height: 47px;
  }
  
  .navbar-fixed-top .nav {
	font-size: 1em;
}

 .tagcloud span { padding: 7px; line-height: 20px; }
 .tg1 {  font-size: 1.2em; font-weight: bold; }
 .tg2 {  font-size: 0.8em; }
 .tg3 {  font-size: 0.6em; }
 .tg0 {  font-size: 2.7em; font-weight: bold; color: rgb(20, 36, 69); padding: 20px; }  
 
.navbar-brand img 
{
	margin-top: -3px;
	height: 47px;
}
 
}

@media (max-width: 1000px) {
.navbar-fixed-top .nav {
	font-size: 1em;
}
}

@media (max-width: 480px) {
	
   h1 { font-size: 2.95em; }
   h2 { font-size: 1.8em; }
   
  
   
}

@media (max-width: 360px) {
	
   h1 { font-size: 2.4em; }
   h2 { font-size: 1.8em; }
}