@font-face { font-family: 'Bookmanoldstyle'; src: url('../font/bookos.otf') format('opentype'); }

* {
    box-sizing: border-box;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
}

a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
}

.header {
	background-color: #3A393C;
	color: #ffffff;
	height: 60px;
}

.button {
	font-family: Bookmanoldstyle; 
	font-size: 100%; 
	color: #FFFFFF ; 
	width: 100%; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px; 
	height: 40px;
}

.linkbutton {
	font-family: Bookmanoldstyle;
	border: none;
	color: #FFFFFF ; 
	padding: 10px 40px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 100%; 
}

.menu_color_1 {
	background-color: #0B5A7A; 
}

.menu_color_2 {
	background-color: #4D4D4D; 
}

.menu_color_3 {
	background-color: #525252; 
}

.menu_color_4 {
	background-color: #666666; 
}

.menu_color_5 {
	background-color: #808080; 
}

.menu_color_6 {
	background-color: #999999; 
}

.contact { 
	font-family: Bookmanoldstyle; 
	font-size: 110%; 
	color: #3A393C;
	text-decoration: none;
	height: 40px;
}

.headlinecontact { 
	font-family: Bookmanoldstyle; 
	font-size: 160%; 
	color: #3A393C;
	text-decoration: none;
}

.headline { 
	font-family: Bookmanoldstyle; 
	font-size: 180%; 
	color: #3A393C;
	text-decoration: none;
}

.bigtext { 
	font-family: Bookmanoldstyle; 
	font-size: 140%; 
	color: #3A393C;
	text-decoration: none;
}

.text { 
	font-family: Bookmanoldstyle; 
	font-size: 110%; 
	color: #3A393C;
	padding: 15px;
	text-decoration: none;
}

.partnerpics { 
	padding: 5px;
	width: 200px;
	height: 120px;
}

/* For mobile phones: */
[class*="col-"] {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	/* For desktop: */
	.col-1 {width: 100%;}
	.col-2 {width: 14%;}
	.col-3 {width: 30%;}
	.col-4 {width: 200px;}
	.col-5 {width: 50%;}
	.col-6 {width: 33%;}
}