/*

Flaco Zacarias
flaco@zacarias.com
@flaco_zacarias
http://www.zacarias.com

Feel free to contact me if you have any doubts.
_________________________________________________ */
/*  ____________________________________________________________________________________________ GENERAL RULES ___________ */

@font-face {
  font-family: 'EBGaramond-Regular';
  src: url("../fonts/EBGaramond-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: 'EBGaramond-Bold';
  src: url("../fonts/EBGaramond-Bold.ttf");
  font-weight: 400;
}

@font-face {
  font-family: 'EBGaramond-Italic';
  src: url("../fonts/EBGaramond-Italic.ttf");
  font-weight: 400;
}
/*
@font-face {
  font-family: 'EBGaramond-BoldItalic';
  src: url("../fonts/EBGaramond-BoldItalic.ttf");
  font-weight: 400;
}
*/
html {
  font-size: 62.5%;
  font-size: 68%;
}

body {
  margin: 0;
  padding: 0;
  color: #111;
  line-height: 1.375;
  background-color: #fff;
}

body,
input,
button,
textarea {
  font-family: 'EBGaramond-Regular', "adobe-garamond-pro", Georgia, "Times New Roman", Times, serif;
}


form {
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1em;
}

p,
li,
input,
textarea,
label,
dd,
dt,
td,
select {
  font-size: 1.4em;
}

li .container,
li .container p,
li li {
  font-size: 1em;
}

h1 {
  font-weight: normal;
  font-size: 2em;
  padding: .5em 0;
  margin: 0;
}

h2 {
  font-weight: normal;
  font-size: 1.6em;
  padding: .5em 0;
  margin: 0;
}

h3 {
  font-weight: normal;
  font-size: 1.4em;
  padding: .5em 0;
  margin: 0;
}

h4 {
  font-weight: normal;
  font-size: 1.2em;
  padding: .5em 0;
  margin: 0;
}

h5 {
  font-size: 1.2em;
  padding: .5em 0;
  margin: 0;
}

h6 {
  font-size: 1em;
  padding: .5em 0;
  margin: 0;
}

p {
  padding: 0 0 1em 0;
  margin: 0;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: normal;
}

a {
  outline: none;
  text-decoration: none;
  color: #722400;
}

a {
  -moz-transition: background .6s ease 0s, color .3s ease 0s;
  -webkit-transition: background .6s ease 0s, color .3s ease 0s;
  -o-transition: background .6s ease 0s, color .3s ease 0s;
  -ms-transition: background .6s ease 0s, color .3s ease 0s;
  transition: background .6s ease 0s, color .3s ease 0s;
}

a:hover {}

/* ________________________________ HEADER __ */
header#tophead {
  width: 100%;
  font-size: 1em !important;
  margin: 0;
  padding: 0;
  clear: both;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
}

header#tophead hgroup {
  float: left;
}

header#tophead hgroup h1 {
  padding: 0;
  margin: 0;
  font-size: 1em;
  line-height: 1;
  background-image: url(../img/logo-white.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 322px;
  height: 50px;
  text-indent: -9999px;
  position: absolute;
  top: 1em;
  left: 2em;
  background-size: 100%;
}

header#tophead hgroup h1 a {
  width: 322px;
  height: 50px;
  display: block;
}

header#tophead ul {
  float: right;
  margin: 0;
  padding: .6em 1em .2em 1em;
  list-style-type: none;
  background-color: #fff;
  background-color: rgba(0, 0, 0, .4);
  border-bottom-left-radius: .3em;
}

header#tophead ul:hover {
  background-color: #fff;
  background-color: rgba(0, 0, 0, .6);
  box-shadow: 0 0 .1em #666;
}

header#tophead ul li {
  float: left;
  margin: 0 0 0 .3em;
  padding: 0;
  color: #fff;
  font-size: 1.6em;
  line-height: 1.8;
}

header#tophead ul li a {
  margin: 0 .2em .4em .6em;
  padding: 0;
  display: block;
  color: #ccc;
}

#b-home header#tophead ul li#n-home a,
#b-instruments header#tophead ul li#n-instruments a,
#b-workshop header#tophead ul li#n-workshop a,
#b-recordings header#tophead ul li#n-recordings a,
#b-events header#tophead ul li#n-events a,
#b-about header#tophead ul li#n-about a,
#b-press header#tophead ul li#n-press a,
#b-testimonials header#tophead ul li#n-testimonials a,
#b-contact header#tophead ul li#n-contact a,
#b-dealers header#tophead ul li#n-dealers a,
header#tophead ul li a:hover {
  color: #fff;
  border-bottom: 1px dotted #fff;
}

.gallery#b-instruments header#tophead ul li#n-instruments a {
  border-bottom: 1px dotted #999;
}

header#tophead ul li#n-de a,
.de header#tophead ul li#n-en a {
  margin: .2em .2em .4em 0;
  padding: .1em .3em;
  display: block;
  color: #ccc;
  border: 0;
  border-radius: .3em;
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  font-size: .8em;
}

.de header#tophead ul li#n-de a,
header#tophead ul li#n-en a {
  color: #fff;
  background-color: #722400;
  font-size: .8em;
  margin: .2em .2em .4em 0;
  padding: .1em .3em;
}

.gallery.de header#tophead ul li#n-en a:hover,
.gallery.de header#tophead ul li#n-de a:hover,
.gallery header#tophead ul li#n-de a:hover,
.gallery header#tophead ul li#n-en a:hover,
header#tophead ul li#n-de a:hover,
.de header#tophead ul li#n-en a:hover,
.de header#tophead ul li#n-de a:hover,
header#tophead ul li#n-en a:hover {
  color: #722400;
  background-color: #fff;
  border: 0;
  border-radius: .3em;
}

header#tophead ul li#n-de a,
.de header#tophead ul li#n-en a {
  margin: .2em .2em .4em 0;
  padding: .1em .3em;
  display: block;
  color: #ccc;
  border: 0;
  border-radius: .3em;
  background-color: #000;
  background-color: rgba(0, 0, 0, .4);
  font-size: .8em;
}

.gallery.de header#tophead ul li#n-de a {
  color: #fff;
}

.gallery header#tophead ul li#n-en a {
  color: #fff !important;
}

.gallery header#tophead ul li#n-de a:hover,
.gallery header#tophead ul li#n-en a:hover {
  color: #722400 !important;
}

.slide-trigger {
  display: none;
  /* need this */
  cursor: pointer;
  margin: 0;
  margin: 10px 10px 0 0;
  padding: .5em 1em;
  background-color: #722400;
  border-radius: .2em;
  color: #fff;
  text-align: center;
  border: 0;
  box-shadow: none;
  z-index: 1100;
}

.slides-container {
  font-size: 1em;
}

.slides-container .container {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  padding: 1em 2% 1em 2%;
  width: 96%;
  font-size: 1em;
}

.span6 {
  width: 45.5%;
  padding: 0 4% 0 0;
  display: block;
  float: left;
}

.span8 {
  width: 61.803398874985468%;
  padding: 0;
  display: block;
  float: left;
}

.container ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.blanco {
  background-color: #fff;
  padding: .5em 1em;
  float: left;
}

/* CONTACT */
#b-contact .slides-container .container {
  background-color: #fff;
  position: absolute;
  bottom: inherit;
  top: 10em;
  right: 10%;
  padding: 1.5em 2em;
  width: 26em;
  border-radius: .3em;
}

#b-contact form {
  margin-top: 2em;
}

#b-contact form label {
  display: block;
  font-size: 1em;
}

#b-contact form input,
#b-contact form textarea {
  display: block;
  font-size: 1em;
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: .4em;
  padding: .5em;
  width: 25em;
  margin: .2em 0 1em 0;
  box-shadow: none;
}

#b-contact form input:hover,
#b-contact form textarea:hover {}

#b-contact form textarea {
  font-size: 1em;
}

.enter,
#b-contact form button,
#b-contact form input[type=button],
#b-contact form input[type=submit] {
  display: block;
  font-size: 1em;
  padding: .5em 1em;
  border-radius: .2em;
  background-color: #722400;
  color: #fff;
  border: 0;
  box-shadow: none;
}

.enter.events {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}

.enter.events:hover {
  background-color: #fff;
  color: #722400;
  border: 1px solid #722400;
}

.enter {
  display: inline-block;
}

.enter:hover,
#b-contact form button:hover,
#b-contact form input[type=button]:hover,
#b-contact form input[type=submit]:hover {
  background-color: #fff;
  color: #722400;
}

/*
.enter {
	display:none;
}
 */
#b-contact header#tophead hgroup h1 {
  background-image: url(../img/logo.png);
}

#b-contact .container h3 {
  padding: 1.7em 0 .3em 0;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
  font-family: 'EBGaramond-Bold';
}

/* Recordings  */
#b-recordings {
  background-image: url(../img/workshop/_MG_4208.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom right;
}

#b-recordings #slides .slides-container {}

#b-recordings .container h2 {
  border-bottom: 1px dotted #722400;
  padding-bottom: .3em;
  margin-bottom: .8em;
  color: #3d1f01;
}

#b-recordings .slides-container .container {
  background-color: #fff;
  position: absolute;
  bottom: inherit;
  top: 10em;
  right: 10%;
  padding: 1.5em 2em 10rem 2em;
  width: 80%;
  margin-left: 10%;
  border-radius: .3em;
}

#b-recordings .container ul li {
  margin-bottom: 1em;
}

#b-recordings .container ul li li:first-child {
  font-family: 'EBGaramond-Bold';
}

#b-recordings .container ul li li {
  margin-bottom: inherit;
}

#b-recordings .container h4 {
  margin: .5em 0;
  padding: 0;
  font-size: 1em;
  background-image: url(../img/events/SNB11411.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
  background-size: 100%;
  height: 21em;
}

/* EVENTS */
#b-events {
  background-image: url(../img/events/SNB11412-1.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom right;
}

#b-events #slides .slides-container {}

#b-dealers .container h2,
#b-contact .container h2,
#b-events .container h2 {
  border-bottom: 1px dotted #722400;
  padding-bottom: .3em;
  margin-bottom: .8em;
  color: #3d1f01;
}

#b-events .slides-container .container {
  background-color: #fff;
  position: absolute;
  bottom: inherit;
  top: 10em;
  right: 10%;
  padding: 1.5em 2em;
  width: 26em;
  border-radius: .3em;
}

#b-events .container ul li {
  margin-bottom: 1em;
}

#b-events .container ul li li:first-child {
  font-family: 'EBGaramond-Bold';}

#b-events .container ul li li {
  margin-bottom: inherit;
}

#b-events .container h4 {
  margin: .5em 0;
  padding: 0;
  font-size: 1em;
  background-image: url(../img/events/SNB11411.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
  background-size: 100%;
  height: 21em;
}

/* ABOUT */
#b-about .container {
  height: 6em;
}

#b-workshop .container p,
#b-about .container p {
  font-size: 1.1em;
  padding-bottom: .5em;
  padding-top: .5em;
}

#b-about .slides-container .container {
  background-color: #fcf8ef;
  color: #1c0f0b;
}

#b-about .slides-navigation {
  margin: 0 2% 0 0;
  position: inherit;
  z-index: 3;
  top: inherit;
  bottom: 8em;
  float: right;
  text-indent: -9999px;
  height: 60px;
  width: 60px;
  background-image: url(../img/next.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}

#b-about .slides-navigation a {
  position: inherit;
  display: block;
  font-size: 1;
  padding: 0;
  color: #999;
  line-height: 1;
}

#b-about .slides-navigation:hover {
  background-image: url(../img/next-hover.png);
}

#b-about .slides-navigation a.prev {
  background-image: none;
  left: 0;
  display: none;
}

#b-about .slides-navigation a.next {
  background-image: none;
  right: 0;
}

/* WORKSHOP */
#b-workshop .slides-container .container {
  background-color: #fcf8ef;
  color: #1c0f0b;
}

/* INSTRUMENTS */
#b-instruments {
  background-attachment: fixed;
}

#b-instruments .container {
  background-color: transparent;
  width: 660px;
  /*880px*/
  margin: 0 auto 5em auto;
}

#b-instruments .container h3 a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 0 0 3em 0;
}

#commisioning {
  width: 40em;
  margin: 15em auto;
  color: #eee;
}

#commisioning h2 {
  font-size: 2.4em;
  color: #fff;
}

#commisioning p {
  font-size: 1.7em;
  line-height: 1.6;
}

#commisioning h5 {
  font-size: 1.7em;
  font-weight: normal;
}

#b-instruments .container h2 {
  background-color: #111;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 220px;
  height: 203px;
  margin: 0 20px 20px 0;
  float: left;
  color: #fff;
  border-radius: .2em;
  box-shadow: 0 0 .1em #111;
  font-size: 1.1em;
  text-align: center;
}

#b-instruments .container h2 span {
  display: block;
}

#b-instruments .container h2:hover {
  box-shadow: 0 0 .7em #111;
}

#b-instruments .container h2 a {
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 130px 10px 0 10px;
}

#b-instruments .container h2#violin {
  background-image: url(../img/instruments/2026_violin.jpg);
}

#b-instruments .container h2#commisioning {
  background-image: url(../img/instruments/commisioning.jpg);
}

#b-instruments .container h2#violinbergonzi {
  background-image: url(../img/instruments/2026_violin.jpg);
}

#b-instruments .container h2#viola {
  background-image: url(../img/instruments/2026_viola.jpg);
}

#b-instruments .container h2#cello {
  background-image: url(../img/instruments/2026_cello.jpg);
}

#b-instruments .container h2#other {
  background-image: url(../img/instruments/other.jpg);
}

#b-instruments .container h2#bows {
  background-image: url(../img/instruments/bows.jpg);
}

.gallery#b-instruments {
  background-color: #111;
  background-image: url(../img/instruments/bg_2020.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.gallery.de#b-instruments {
  background-image: url(../img/instruments/bg_2020.jpg);
}

.gallery#b-instruments .slide-trigger {
  background-color: #333;
}

.gallery#b-instruments .caption {
  background-color: #111;
  background-color: rgba(0, 0, 0, .6);
  padding: 1em;
  border-radius: .5em;
  width: auto;
}

.gallery#b-instruments header#tophead {
  background-color: transparent;
  box-shadow: none;
}

.gallery#b-instruments header#tophead ul {
  background-color: transparent;
  box-shadow: none;
}

.gallery#b-instruments header#tophead ul li,
.gallery#b-instruments header#tophead ul li a {
  color: #444;
}

.gallery#b-instruments header#tophead ul li#n-instruments a {
  color: #999;
}

.gallery#b-instruments header#tophead ul li a:hover {
  color: #fff;
}

/* PRESS */
#b-press .slides-container .container {
  background-color: #fff;
  position: absolute;
  bottom: inherit;
  top: 10em;
  right: 10%;
  padding: 1.5em 2em;
  width: 40%;
  border-radius: .3em;
}

/*
#b-press .container h4 {
  width: 300px;
  height: 300px;
  float: right;
  margin: 0 0 1em 2em;
  font-size: 10px;
  line-height: 1;
  background-image: url(../img/ian_mcwilliams_maz_online_08_2014.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
}

#b-press .container h4 a {
  width: 300px;
  height: 300px;
  display: block;
}
*/
.innerimg {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  position: inherit !important;
}

/* testimonials */
#b-testimonials .slides-container .container {
  background-color: #fff;
  position: absolute;
  bottom: inherit;
  top: 10em;
  right: 10%;
  padding: 1.5em 2em;
  width: 60%;
  border-radius: .3em;
}

#b-testimonials .container h4 {
  width: 300px;
  height: 300px;
  float: right;
  margin: 0 0 1em 2em;
  font-size: 10px;
  line-height: 1;
  background-image: url(../img/workshop/2018_1.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
}

#b-testimonials .container h4 a {
  width: 300px;
  height: 300px;
  display: block;
}

#b-testimonials .quote {
  display: flex;
  margin-bottom: 5rem;
}

#b-testimonials .imgcontainer {
  min-width: 25%;
  margin-right: 2rem;
}

.quote img {
  position: inherit !important;
  height: auto !important;
  width: 100% !important;
  margin-top: 2rem;
}

.quote small {
  display: block;
  padding: .5em 0;
}

blockquote {
  display: flex;
  flex-direction: column;
}

blockquote p {
  font-size: 160% !important;
  font-style: normal;
  font-family: 'EBGaramond-Italic';
  position: relative;
  opacity: .8;
}

blockquote p::before {
  position: absolute;
  top: -.15em;
  left: -.7em;
  content: "“";
  color: #722400;
  font-size: 6rem;
}

blockquote p::after {
  position: absolute;
  bottom: -.25em;
  right: -.25em;
  content: "”";
  color: #722400;
  font-size: 6rem;
  width: 3rem;
}

blockquote h5 {
  font-weight: 400;
  font-size: 100%;
  width: 60%;
  align-self: flex-end;
  text-align: right;
}

/* DEALERS */
#b-dealers .slides-container .container {
  background-color: #fff;
  position: absolute;
  bottom: inherit;
  top: 10em;
  right: 10%;
  padding: 1.5em 2em;
  width: 26em;
  border-radius: .3em;
}

#b-dealers .dealersbox .dealers {
  margin: 1em 0 2em 0;
  padding: 0;
}

#b-dealers .dealersbox .dealers li strong {
  font-size: 1.2em;
  line-height: 2;
}

/* SCROLL ISSUES */
#b-dealers #slides .scrollable,
#b-press #slides .scrollable,
#b-testimonials #slides .scrollable,
#b-contact #slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

#photocreditinside {
  font-size: .95rem;
  font-weight: 400;
  color: #fff;
  position: absolute;
  bottom: 7em;
  right: 1rem;
  z-index: 1000;
  padding: .5rem 1rem;
  background-color: rgba(0, 0, 0, .4);
}

.scrollable .container img {
  width: 100%;
  max-width: 100%;
}

#b-events .scrollable .container img {
  margin: 1rem 0 1rem 0;
}

#b-events .scrollable .container .margin-bottom {
  margin-bottom: 3rem;
}

/* RESPONSIVE
________________________________________________________________________________________ */
@media only screen and (max-width: 1024px) {
  header#tophead ul li {
    margin: 0 0 0 .3em;
    font-size: 1.4em;
    line-height: 1.8;
  }
}

@media only screen and (min-width: 800px) {
  .navigation {
    display: block;
  }



#b-testimonials .imgcontainer {
  width: 200px;
}
}

@media only screen and (max-width: 801px) {
  .slide-trigger {
    display: block;
    float: right;
    width: auto;
    margin: 10px 10px 0 0;
  }

  .no-js .slide-trigger {
    display: none;
  }

  .topnav {
    float: right;
  }

  header#tophead ul {
    background-color: rgba(0, 0, 0, .7);
  }

  .navigation {
    display: none;
    border-radius: .4em;
    width: 20em;
    margin-top: 6em !important;
    margin-right: -9em !important;
  }

  .navigation li {
    height: auto;
    padding: 0;
    margin: 0 !important;
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  .navigation li a {
    height: auto;
    padding: .3em .6em !important;
    margin: 0 !important;
    display: block;
  }

  #b-home header#tophead ul li#n-home a,
  #b-instruments header#tophead ul li#n-instruments a,
  #b-workshop header#tophead ul li#n-workshop a,
  #b-events header#tophead ul li#n-events a,
  #b-recordings header#tophead ul li#n-recordings a,
  #b-about header#tophead ul li#n-about a,
  #b-press header#tophead ul li#n-press a,
  #b-testimonials header#tophead ul li#n-testimonials a,
  #b-dealers header#tophead ul li#n-dealers a,
  #b-contact header#tophead ul li#n-contact a,
  header#tophead ul li a:hover,
  .gallery#b-instruments header#tophead ul li#n-instruments a {
    border-bottom: 0;
  }

  .no-js .navigation {
    display: block;
  }

  .navigation {
    margin: 0;
  }

  .navigation li {
    float: left;
    clear: both;
  }

  header#tophead ul li a:hover {
    border-bottom: 0;
  }

  #b-instruments {
    background-position: top right !important;
  }

  #b-instruments .container {
    background-color: transparent;
    width: 440px;
    /*880px*/
    margin: 0 auto 0em auto;
  }

  #b-instruments .container h2 {
    width: 200px;
    height: 180px;
    margin: 0 20px 20px 0;
  }

  #b-instruments .container h2 a {
    padding: 130px 10px 0 10px;
  }

  .gallery#b-instruments header#tophead ul {
    background-color: rgba(0, 0, 0, .4) !important;
  }

  .gallery#b-instruments header#tophead ul li a {
    color: #999;
  }

  .gallery#b-instruments header#tophead ul li a:hover {
    color: #fff;
  }

  .gallery#b-instruments .navigation li {
    border-bottom: 1px solid #666;
  }

  .gallery#b-instruments header#tophead ul li#n-instruments a {
    color: #fff;
    border-bottom-color: #fff;
  }

  #b-recordings {
    background-size: 280%;
    background-position: top center;
  }

  #b-events {
    background-size: 180%;
    background-position: top center;
  }

  #b-about .container {
    height: auto;
  }

  .span8 {
    width: 86%;
    padding: 0;
    display: block;
    float: left;
  }

  #b-about .slides-navigation {
    bottom: 9em;
  }

  .gallery#b-instruments .callbacks_container {
    height: 85% !important;
    margin-top: 15%;
  }

  #commisioning {
    width: 80%;
    margin: 10em auto;
  }

  /* */
}

@media only screen and (max-height: 600px) {
  #b-instruments .container {
    width: 550px;
    /*880px*/
  }

  #b-instruments .container h2 {
    width: 150px;
    height: 130px;
    margin: 0 20px 20px 0;
  }

  #b-instruments .container h2 a {
    padding: 70px 10px 20px 10px;
  }

  #b-contact .slides-container .container {
    top: 4em;
  }

  .topnav {}

  ul.navigation {
    margin-top: 5em !important;
  }

  ul.navigation li a {
    padding: .3em .5em !important;
  }

  /* */
}

@media only screen and (max-width: 768px) {
  #b-testimonials .quote {
    flex-direction: column;
    margin-bottom: 5rem;
  }

  #b-testimonials blockquote {
    margin-top: 2rem;
  }

  #b-testimonials blockquote p {
    font-size: 1.6rem !important;
  }

  #b-testimonials blockquote h5 {
    width: 100%;
  }

  /* */
}

@media only screen and (max-width: 568px) {
  .navigation {
    width: 17em;
    margin-top: 10em !important;
    margin-right: -7em !important;
  }

  .slide-trigger {
    font-size: 1.4em;
  }

  header#tophead {
    height: 6em;
  }

  /* */
}

/*

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
*/
@media only screen and (min-width: 320px) and (max-width: 599px) {
  header#tophead hgroup h1 {
    width: 200px;
    height: 50px;
  }

  header#tophead hgroup h1 a {
    width: 200px;
  }

  #b-testimonials .slides-container .container,
  #b-press .slides-container .container,
  #b-dealers .slides-container .container,
  #b-recordings .slides-container .container,
  #b-events .slides-container .container,
  #b-contact .slides-container .container {
    right: 5%;
    padding: 1.5em 5%;
    width: 80%;
  }

  #b-events {
    background-size: 250%;
  }

  #b-testimonials .slides-container .container h4 a,
  #b-testimonials .slides-container .container h4 #b-press .slides-container .container h4 a,
  #b-press .slides-container .container h4 {
    width: 100%;
  }

  #b-testimonials .slides-container .container h5,
  #b-press .slides-container .container h5 {
    font-size: .85em;
  }

  #b-testimonials .slides-container .container h2,
  #b-press .slides-container .container h2 {
    font-size: 1.2em;
  }

  #b-contact form input,
  #b-contact form textarea {
    padding: .5em 5%;
    width: 90%;
    margin: .2em 0 1em 0;
  }

  #b-recordings .container h4,
  #b-events .container h4 {
    height: 15em;
  }

  #b-instruments .container {
    width: 100%;
    margin: 0 auto 0em auto;
    top: 5em !important;
  }

  #b-instruments .container h2 {
    width: 45%;
    height: 8em;
    margin: 0 5% 2em 0;
  }

  #b-instruments .container h2 a {
    padding: 60px 10px 0 10px;
  }

  #b-home p a.enter {
    margin-top: .5em;
    width: auto;
    display: inline-block;
  }

  .callbacks_nav,
  #b-workshop .slides-navigation a,
  #b-about .slides-navigation {
    height: 30px !important;
    width: 30px !important;
    background-size: 100%;
  }

  #b-contact #slides .slides-container {}

  /* */
}