﻿.pageHeader {
    background-image: url('../Images/about-img-01.png');
    margin-bottom: 50px;
}

#techsupport .pageHeader {
  background-image: url('../Images/teknikservis-img.png');
}

#ulyssenardin .pageHeader {
  background-image: url('../Images/brands/ulysse.png');
}

#gp .pageHeader {
  background-image: url('../Images/brands/girard-perregaux.png');
}

#bz .pageHeader {
  background-image: url('../Images/brands/buben.png');
}

#bovet .pageHeader {
  background-image: url('../Images/brands/bovet.png');
}

#lepee .pageHeader {
  background-image: url('../Images/brands/lepee.png');
}

#chronoswiss .pageHeader {
  background-image: url('../Images/brands/chronosswiss_banner.jpeg');
}

#norqain .pageHeader {
  background-image: url('../Images/brands/norqain_banner.jpeg');
}



#corum .pageHeader {
  background-image: url('../Images/brands/corum.png');
}

#graham .pageHeader {
  background-image: url('../Images/graham-img.png');
}

#parmigiani .pageHeader {
  background-image: url('../Images/brands/parmigiani.png');
}

#oris .pageHeader {
  background-image: url('../Images/brands/oris.png');
}

#ls .pageHeader {
  background-image: url('../Images/ls-img.png');
}

.about {
  padding-bottom: 69px;
}

.about .textBox {
 margin-bottom: 48px;
}

.about .textBox h2 {
    float: left;
  width: 320px;
  font-family: PlayfairDisplay;
  font-size: 36px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.38px;
  color: #000000;
}

.about .textBox .logoArea {
    float: left;
  width: 320px;
}

.about .textBox .logoArea img {
width: 180px;
}

.about .textBox p {
    float: left;
  width: 620px;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.87;
  letter-spacing: -0.16px;
  color: #4a4a4a;
}

.about .textBox p a{
  font-family: Montserrat;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.16px;
  color: #ffa420;
}

.about .textBox p a img{
 width: 18px;
 height: auto;
 position: absolute;
 right: -33px;
 top: 0;
}

.about img {
width: 100%;
height: auto;
margin-bottom: 48px;
}

@media all and (max-width: 940px) {

  .pageHeader {
    margin-bottom: 15px;
}

.about {
  padding-bottom: 0;
}


  .about .textBox h2 {
    float: none;
  width: 100%;
  font-size: 26px;
  margin-bottom: 14px;
}

.about .textBox .logoArea {
    float: none;
  width: 100%;
}

.about .textBox p {
    float: none;
  width: 100%;
  font-size: 14px;
}

.about .textBox .logoArea {
width: 100%;
margin-bottom: 0;
padding: 30px 0;
}

.about .textBox .logoArea img {
margin-bottom: 0;
}

}