html { 
overflow:auto;
padding:0;
margin:0;
height:100.1%;
width:100%;
}

body {
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:74%;
padding:0;
margin:0;
height:100%;
width:100%;
}


/* LINK */

a {
color:#008fd3;
text-decoration: underline;
}

a:link {
color:#008fd3;
text-decoration: underline;
}

a:visited {
color:#008fd3;
text-decoration:underline;
}

a:focus {
color:#008fd3;
text-decoration:underline;
}

a:hover {
color: #008fd3;
text-decoration:none;
}

a:active {
color:#008fd3;
text-decoration:underline;
}

a.orange {
color:#e97b00;
text-decoration: underline;
}

a.orange:link {
color:#e97b00;
text-decoration: underline;
}

a.orange:visited {
color:#e97b00;
text-decoration:underline;
}

a:focus {
color:#e97b00;
text-decoration:underline;
}

a.orange:hover {
color: #e97b00;
text-decoration:none;
}

a.orange:active {
color:#e97b00;
text-decoration:underline;
}


/* FONT */
h1, h2, h3, h4, h5, h6, p {
font-family: Arial, Helvetica, sans-serif;
}

/*h1, h2, h3, h4, h5, h6 {
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}*/

h1 {
font-size: 3.2em;
text-align:center;
font-weight: normal;
line-height:1.0em;
margin:0;
padding:0;
color: #000;
letter-spacing:-0.5px;
border:0px solid;
}

h2 {
font-size: 3.0em;
line-height:1.1em;
font-weight: bold;
text-align:left;
color: #000;
margin:0;
padding:0;
border:0px solid #000;
}

header h2 {
font-size: 1.6em;
line-height:1.1em;
font-weight: bold;
text-align:left;
color: #000;
letter-spacing:-0.3px;
margin:0;
padding:0 0 8px 0;
border:0px solid red;
}

header h2.xl {
font-size: 3.0em;
line-height:1.2em;
font-weight: bold;
text-align:left;
color: #000;
margin:0;
padding:0;
border:0px solid #000;
}

h3 {
font-size: 3.2em;
font-weight: normal;
text-align:left;
margin:0 0 4px 0;
padding:0;
color: #e97b00;
border:0px solid #666;
}

h4 {
font-size: 2.5em;
font-weight: normal;
text-align:left;
margin:20px 0 0 0;
padding:0;
color: #000;
border:0px solid #000;
}

.h4-inner {
display:table;
float:left;
width:auto;
height:auto;
padding:9% 0;
color: #000;
border:0px solid #000;
}

p {
display:block;
color: #000;
font-weight: normal;
font-size: 1.4em;
line-height:1.5em;
text-align:left;
margin:0;
border:0px solid #444;
}

.bg {
background:#e97b00;
padding:4px;
color:#fff;
}

.bold {
font-weight:bold;
}

.kursiv {
font-style:italic;
}

.upper {
text-transform:uppercase;
}

.textmid {
text-align:center;
}

.font120 {
font-size:120%;
}

.font80 {
font-size:80%;
}

.font70 {
font-size:70%;
}

.font60 {
font-size:60%;
}

ul {
list-style-type: disc;
margin:0;
padding:0 0 0 14px;
width:96%;
border:0px solid red;
}

li {
font-size: 1.4em;
line-height:1.4em;
font-weight:normal;
height: auto;
text-align: left;
color: #000;
background: transparent;
padding: 0;
margin:0;
border:0px solid red;
}

li.last {
margin:0 0 10px 0;
}

.nowrap {
white-space: nowrap;
}

img.center {
display:table;
margin:0 auto;
}

.img-width30 {
position:relative;
width:30%;
height:auto;
}

.img-width40 {
position:relative;
width:40%;
height:auto;
}

.img-width50 {
position:relative;
width:50%;
height:auto;
}


/* Else */

hr {
position:relative;
margin:20px auto;
border: none;
width:14%;
border-top: 2px solid #666;
background-color: transparent;
height:1px;
text-align:center;
}

hr.wide {
position:relative;
margin:30px auto;
border: none;
width:100%;
border-top: 1px solid #bbb;
background-color: transparent;
height:1px;
text-align:center;
}

.space7 {
position:relative;
border:0px solid blue;
height:7px;
width: 100%;
background: transparent;
}

.space10 {
position:relative;
border:0px solid blue;
height:10px;
width: 100%;
background: transparent;
}

.space10-floatleft {
position:relative;
float:left;
border:0px solid blue;
height:10px;
width: 100%;
background: transparent;
}

.space20 {
position:relative;
border:0px solid blue;
height:20px;
width: 100%;
background: transparent;
}

.space30 {
position:relative;
border:0px solid blue;
height:30px;
width: 100%;
background: transparent;
}

.space40 {
position:relative;
border:0px solid blue;
height:40px;
width: 100%;
background: transparent;
}

.space50 {
position:relative;
border:0px solid blue;
height:50px;
width: 100%;
background: transparent;
}

.space160 {
position:relative;
border:0px solid blue;
height:200px;
width: 100%;
background: transparent;
}

.scale {
position:relative;
width: 100%;
height: auto;
object-fit:cover;
}

.scale50 {
position:relative;
width: 40%;
height: auto;
}

.scale250 {
position:relative;
width: 250px;
height: auto;
}

.clearfix::after {
visibility: hidden;
display: block;
content: ".";
clear: both;
height: 0;
}


/* Struktur atf */


header.atf {
display:block;
width:100%;
height:auto;
margin:0 auto;
padding: 0;
border:0px solid blue;
z-index:1;
}

header.atf a {
color:#666;
text-decoration:none;
}

header.atf a:hover {
color:#000;
text-decoration:none !important;
transition:all .5s linear;
-webkit-transition:all .5s linear;
-moz-transition:all .5s linear;
-o-transition:all .5s linear;
}

.header-wrapper {
position:relative;
max-width: 1200px;
min-width:300px;
height:auto;
margin:0 auto 12px auto;
padding: 50px 2% 0;
background: transparent;
border:0px solid orange;
z-index:2;
}

.header-con {
position:fixed;
/*position: sticky;*/
display: block;
top:0;
left:0;
height: 58px;
width: 100%;
min-width:280px;
margin: 0 auto;
padding:0;
border: 0px solid aqua;
background: #fff;
box-shadow: 0px 0px 6px 0px #aaa;
z-index: 100;
}

.header-con2 {
position:relative;
/*position: sticky;*/
display: block;
height: 58px;
max-width: 1200px;
min-width:280px;
margin: 0 auto;
padding:0;
border: 0px solid blue;
background: #fff;
}

.header_img {
position:relative;
display:block;
margin: 26px auto 0;
width: 100%;
border:0px solid red;
z-index:2;
padding:0;
}

.header_img-inner {
position:relative;
float:left;
display:block;
margin: 0;
width: 50%;
outline:0px solid green;
z-index:2;
padding:0;
}

.header_img-inner-full {
position:relative;
float:left;
display:block;
margin: 0;
width: 100%;
outline:0px solid green;
z-index:2;
padding:0;
}

.header_img-2 {
position:relative;
display:block;
margin: 12px auto 0;
width: 100%;
border:0px solid red;
z-index:2;
padding:0;
}

.header_img-3 {
position:relative;
float:left;
display:block;
margin: 0 auto 12px;
width: 100%;
border:0px solid red;
z-index:2;
padding:0;
}

.header-logo-1 {
display: inline-block;
height: auto;
width: 48%;
min-width:250px;
float:left;
padding:0 0 9% 0;
border: 0px solid aqua;
background: #fff url(../img/tp-bc-logo.jpg) no-repeat 100% 0;
background-size:38% auto;
}

.header-logo-2 {
display: block;
float:right;
height: auto;
width: 48%;
min-width:250px;
margin: 0;
padding:0 0 9% 0;
border: 0px solid aqua;
background: #fff url(../img/business-consulting-logo.jpg) no-repeat 0 13%;
background-size:54% auto;
}

.header_col-full {
position:relative;
display:block;
float:left;
width:94%;
padding:1% 3%;
margin:1% 0;
min-height:40px;
background:#d9dadc;
border:0px solid blue;
}


/************* Ende atf ********************/


#wrapper {
display:block;
float:left;
position:relative;
width: 96%;
margin:0 auto;
padding: 0 2%;
border:0px solid red;
}

#wrapper-bg {
display:block;
float:left;
position:relative;
width: 100%;
margin:0 auto;
padding: 0;
background:#d9dadc;
border:0px solid red;
}

main {
position: relative;
display: block;
position: relative;
min-width:310px;
max-width: 1200px;
min-height:560px;
height:100%;
margin: 0 auto;
border:0px solid #000;
padding:0;
background:transparent;
z-index:1;
}

.main-bg {
position: relative;
display: block;
position: relative;
min-width:310px;
max-width: 1280px;
height:100%;
margin: 0 auto;
border:0px solid #000;
padding:0;
background:transparent;
z-index:1;
}

header {
display:block;
width:100%;
height:auto;
margin:0 auto;
padding: 0;
border:0px solid blue;
}

article {
display: block;
position: relative;
margin:0 auto 0;
padding:0;
width:100%;
height: auto;
border: 0px solid green;
}

section {
display: block;
position: relative;
width: 100%;
height: auto;
padding: 0;
margin:0 auto;
border: 0px solid blue;	
}

.col-full {
position:relative;
display:block;
width:100%;
padding:0;
margin:0;
height:auto;
border:0px solid red;
}

.inner {
width:88%;
padding:0 6%;
border:0px solid blue;
}

.inner-2 {
width:70%;
padding:0;
margin: 0 auto;
border:0px solid blue;
}

.col-full-bxslider {
position:relative;
display:block;
width:100%;
padding:0;
margin:0;
height:auto;
border:0px solid green;
}

.col-full-bg {
position:relative;
display:block;
width:94%;
padding:1% 3%;
margin:0;
height:auto;
background:#d9dadc;
border:0px solid blue;
}

.col-full-bg-2 {
position:relative;
display:block;
width:100%;
padding:1% 0;
margin:0;
height:auto;
background:#d9dadc;
border:0px solid blue;
}

.col-full-2 {
position:relative;
display:block;
width:74%;
padding:0 2%;
margin:0 auto 1% auto;
height:auto;
border:0px solid red;
}

.col-half {
position:relative;
float:left;
width:38%;
padding:0;
margin: 0;
height:auto;
border:0px solid red;
}

.col-third {
position:relative;
float:left;
width:33.33%;
padding:0;
margin:0;
height:auto;
outline:0px solid red;
}

.col-2third {
position:relative;
float:left;
width:66.66%;
padding:0;
margin:0;
height:auto;
outline:0px solid red;
}

.col-fourth {
position:relative;
float:left;
width:22%;
padding:1.5%;
margin:0;
height:auto;
text-align:center;
border:0px solid red;
}

.col-fifth {
position:relative;
float:left;
width:33%;
padding: 0;
margin:0;
height:auto;
outline:0px solid red;
}

.button-1 {
position:relative;
height:64px;
width:250px;
padding: 10px;
margin: 0;
background:#eee;
border:0px solid #fff;

-webkit-box-shadow: 0 1px 3px #999;
-moz-box-shadow: 0 1px 3px #999;
-o-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
border-radius: 10px;
}

.button-1.float-right {
float:right;
margin: 0;
}

.button-1.float-left {
float:left;
margin: 0;
}

.icon-primary {
    color: #fff;
    background: #d78fe9;
    transition: 0.3s;
    border:0px solid blue;
    margin:0 auto;
    text-align:center;
    }
    
.icon-lg {
    width: 100px;
    height: 100px;
}

.icon {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    }
    
    p.center {
    text-align: center;
    }


.button-1 p {
text-align: center;
font-size: 1.5em;
font-weight:bold;
color:#000;
line-height:2.1em;
}

video {
width: 54% !important;
height: auto !important;
margin: 0 23%;
padding:0;
border:0px solid #999;
}


.flexbox {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  border:0px solid green;
}

.flexbox2 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  justify-content: flex-start;
  /*-webkit-flex-flow: row wrap;
  justify-content: space-between;*/
  border:0px solid green;
}

.flexbox3 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  justify-content: space-around;
  /*-webkit-flex-flow: row wrap;
  justify-content: space-between;*/
  border:0px solid green;
}

.box-wrap {
  height:auto;
  min-width:auto;
  border:0px solid green;
  }

.box1 {
  min-height: 90px;
  height:auto;
  width:296px;
  background: #008fd3;
  flex: 0 1 auto;
  margin: 5px 0;
  padding: 0;
  border:0px solid red;
}

.box1.inner {
display: flex;
align-items: center; /* Vertikale Zentrierung */
justify-content: center;
}

.inner-3 {
width:96%;
min-height:174px;
height:auto;
padding: 3% 2%;
background: #d8d9da;
display: flex;
justify-content: center;
}

.box1 h2 {
font-size: 2.4em;
text-transform:uppercase;
line-height:1.0em;
font-weight: bold;
text-align:center;
color: #fff;
padding:0;
border:0px solid #000;
}

.inner-2 p {
font-size: 1.4em;
line-height:1.6em;
font-weight: normal;
text-align:left;
color: #000;
padding:0;
border:0px solid #000;
}

.box2 {
  min-height: 100px;
  height:auto;
  min-width:100px;
  background: transparent;
  flex: 1 0 auto;
  margin: 4px 4px 8px 4px;
  padding:0;
  border:1px solid blue;
}

.box3 {
  min-height: 20px;
  width: 100%;
  min-width:200px;
  height:auto;
  background: transparent;
  flex: 1 0 auto;
  margin: 0;
  padding:0;
  border:2px solid green;
}

.box4 {
  min-height: 20px;
  min-width: 100px;
  background: transparent;
  flex: 1 0 auto;
  margin: 0;
  padding:0;
  outline:0px solid #ccc;
}

.box5 {
  min-height: 90px;
  height:auto;
  width: 26%;
  min-width:220px;
  background: #fff;
  flex: 0 1 auto;
  margin: 6px 6px 8px 6px;
  padding: 0;
  border:0px solid red;
}

.box6 {
  min-height: 90px;
  height:auto;
  min-width:130px;
  width: 12%;
  background: #fff;
  flex: 0 1 auto;
  margin: 6px 6px 8px 6px;
  padding: 0;
  border:0px solid red;
}

.box6.inner  {
display: flex;
align-items: center; /* Vertikale Zentrierung */
}

.ref-flexbox {
  width: 86%;
  margin: 1% auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  border:0px solid green;
}

.ref-box1 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/felser.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box2 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/rittner.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box3 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/lenhardt.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box4 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/dworcak.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box5 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/braun.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box6 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/berndt-mclachlan.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box7 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/froehlich.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box8 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/garcia-akritidis.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box9 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/lang.jpg) no-repeat 50% 0;
  background-size:contain;
}

.ref-box10 {
  min-height: 200px;
  height:auto;
  width: 12%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
  background: url(../img/wohlfrom.jpg) no-repeat 50% 0;
  background-size:contain;
}

.team-box1 {
  min-height: 200px;
  height:auto;
  max-width: 32%;
  min-width:310px;
  flex: 0 1 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
}

.box-text {
  height:auto;
  width: 86%;
  flex: 0 0 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid blue;
}

.schriftzug-tp {
position:relative;
float:left;
  min-height:700px;
  height:100%;
  width: 10%;
  margin: 20px 0;
  padding:0;
  border:0px solid grey;
  background: url(../img/schriftzug_tp.jpg) no-repeat 50% 0;
  background-size:60% auto;
}

picture {
position:relative;
display: flex; 
justify-content: center;
align-items: center;
width:100%;
}

picture img {
max-width:100%;
}


a.imgmap {
width:90px;
height: 30px;
position:absolute;
right:30%;
bottom:24%;
display:inline;
border:0px solid red;
outline:none;
}

  
/* Kontakt */

.map {
position:relative;
margin: 0 auto;
width:80%;
height: 460px;
min-height:200px;
border:0px solid #ccc;
}

#map_canvas {
position:relative;
width:100%;
height: 440px;
border:0px solid #666;
}

#map_canvas img {
position:relative;
width:100%;
height:auto;
margin:0 auto;
border:0px solid #444;
}

.col-full-iframe {
position:relative;
display:block;
width:60%;
min-width:540px;
padding: 0;
margin:0 20%;
height:auto;
overflow: hidden;
border:0px solid blue;
}

iframe {
position:relative;
width:100%;
height: 325px;
padding: 0;
margin:0 auto;
background:transparent;
border:0px solid blue;
}

/* Footer */

footer {
display: block;
float:left;
position: relative;
width: 100%;
height:auto;
padding: 20px 0;
background:#b2b3b5;
z-index:0;
border-top:1px solid #000;
}

footer .inner {
display: block;
position: relative;
min-width: 700px;
max-width:1050px;
height:auto;
margin:0 auto;
padding: 20px 0;
background:#b2b3b5;
z-index:0;
border:0px solid orange;
}

footer .copyrights {
width: 100%;
margin:0 auto;
height:auto;
border:0px solid #fff;
}

footer .img {
margin:26px auto 12px auto;
text-align:center;
width:30px;
height:30px;
border:0px solid #fff;
}

footer .img a {
border:0px solid #ff0000;
width:30px;
height:30px;
}

footer p {   
display:block;
color: #000;
font-size: 1.2em;
margin:4px 0 0 0;
text-align: left;
font-weight:normal;
}

footer .copyrights p {  
display:block; 
color: #000;
font-size: 1.2em;
margin:4px 0 0 0;
text-align: left;
font-weight:normal;
}

footer .copyrights p.center {  
display:block; 
color: #000;
font-size: 1.2em;
margin:4px 0 0 0;
text-align: center;
font-weight:normal;
}

footer .copyrights a, footer .flexbox a {
color: #000;
font-family: arial, helvetica;
font-weight: normal;
text-decoration: none;
transition:all .2s linear;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
text-decoration:none;
border:0px solid #fff;
}

footer .tel a {
color: #fff;
font-family: arial, helvetica;
font-weight: normal;
text-decoration: none;
transition:all .2s linear;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-o-transition:all .2s linear;
text-decoration:none;
border:0px solid #fff;
}

.lineheight {
margin:0 0 5px 0;
}

footer .copyrights a:hover, footer .flexbox a:hover {
color: #444;
}

footer .tel a:hover {
color: #aaa;
}

.footer-bottom {
display: block;
position: relative;
float:left;
width: 60%;
height:auto;
padding: 20px 20% 20px 20%;
background:#fff;
z-index:0;
border-top:0px solid #000;
}

.footer-bottom p {   
color: #aaa;
font-size: 1.2em;
margin:0;
text-align: left;
font-weight:normal;
}

.footer-bottom .center {   
text-align: center;
}

.footer-bottom-map {
display: block;
position: relative;
float:left;
width: 100%;
height:auto;
padding: 20px 0;
background:#fff;
z-index:0;
border:0px solid #000;
}

.bottom-map {
display: block;
position: relative;
width: 100%;
height:684px;
background: url(../img/map-thomas-p.jpg) no-repeat 50% 0;
background-size:cover;
border:0px solid #000;
}

.tel {   
width:100%;
margin:0;
border:0px solid red;
}

.tel p {   
color: #fff;
background:#000;
font-size: 1.4em;
width:188px;
margin:0;
padding:6px 6px;
text-align: center;
font-weight:bold;
border:0px solid red;
}



/***************************************** - 920px *************************************/

@media screen and (max-width: 920px) {

.h4-inner {
display:block;
float:left;
width:auto;
height:auto;
padding:0 0 1% 0;
color: #000;
border:0px solid #000;
}

.col-full-iframe {
position:relative;
display:block;
width:100%;
min-width:280px;
padding: 0;
margin:0;
height:auto;
overflow: hidden;
border:0px solid blue;
}

.col-third {
position:relative;
float:left;
width:98%;
padding:0;
margin:0;
height:auto;
outline:0px solid red;
}

.col-2third {
position:relative;
float:left;
width:98%;
padding:0;
margin:0;
height:auto;
outline:0px solid red;
}

.footer-bottom {
display: block;
position: relative;
float:left;
width: 74%;
height:auto;
padding: 20px 13% 20px 13%;
background:#fff;
z-index:999;
border-top:0px solid #000;
}

a.imgmap {
width:80px;
height: 30px;
position:absolute;
right:29%;
bottom:23%;
display:inline;
border:0px solid red;
outline:none;
}

}


/***************************************** - 860px *************************************/

@media screen and (max-width: 860px) {

.col-half {
position:relative;
float:left;
width:100%;
padding:0;
margin: 0 0 20px 0;
height:auto;
border:0px solid red;
}

video {
width: 94% !important;
height: auto !important;
margin: 0 3%;
padding:0;
border:0px solid #999;
}

#wrapper > *, footer > *, .footer-bottom > * {
font-size:85%;
}

a.imgmap {
width:100px;
height: 32px;
position:absolute;
right:9%;
bottom:23%;
display:inline;
border:0px solid red;
outline:none;
}

footer .inner {
display: block;
position: relative;
min-width:90%;
width:90%;
height:auto;
margin:0 auto;
padding: 20px 0;
background:#b2b3b5;
z-index:0;
border:0px solid orange;
}

}


/***************************************** - 680px *************************************/

@media screen and (max-width: 680px) {

a.imgmap {
width:80px;
height: 32px;
position:absolute;
right:9%;
bottom:23%;
display:inline;
border:0px solid red;
outline:none;
}

.team-box1 {
  min-height: 200px;
  height:auto;
  max-width: 32%;
  min-width:280px;
  flex: 0 1 auto;
  margin: 20px 0;
  padding:0;
  border:0px solid red;
}

}



/***************************************** - 610px *************************************/

@media screen and (max-width: 610px) {


iframe {
position:relative;
width:100%;
height: 400px;
padding: 0;
margin:0 auto;
background:transparent;
border:0px solid blue;
}

.header-logo-1 {
display: inline-block;
height: auto;
width: 100%;
min-width:300px;
float:left;
padding:0 0 18% 0;
border: 0px solid aqua;
background: #fff url(../img/tp-bc-logo.jpg) no-repeat 50% 0;
background-size:32% auto;
}

.header-logo-2 {
display: block;
float:right;
height: auto;
width: 100%;
min-width:300px;
margin: 0;
padding:0 0 14% 0;
border: 0px solid aqua;
background: #fff url(../img/business-consulting-logo.jpg) no-repeat 50% 0;
background-size:58% auto;
}

}


/***************************************** - 580px *************************************/

@media screen and (max-width: 580px) {


.scale200 {
position:relative;
width: 200px;
height: auto;
}

a.imgmap {
width:70px;
height: 32px;
position:absolute;
right:9%;
bottom:22%;
display:inline;
border:0px solid red;
outline:none;
}

}


/***************************************** - 520px *************************************/

@media screen and (max-width: 520px) {

iframe {
position:relative;
width:100%;
height: 520px;
padding: 0;
margin:0 auto;
background:transparent;
border:0px solid blue;
}

}

/***************************************** - 420px *************************************/

@media screen and (max-width: 420px) {

a.imgmap {
width:56px;
height: 28px;
position:absolute;
right:6.5%;
bottom:22%;
display:inline;
border:0px solid red;
outline:none;
}

}