@media screen and (max-width: 992px) {
  .artistOverview a figure figcaption .hgroup h2, 
  .artistOverview a figure figcaption .hgroup p {
    font-size: 1.8rem;
  }
  /*========= NAVIGATION ==========*/
  .navbar-brand {
    max-width: 196px;
  }
  /*========= LAYOUT ==========*/
  /* KEYVISUAL */
  .container-fluid.keyvisual .keyVisual figure figcaption {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .container-fluid.keyvisual .keyVisual figure figcaption h1 + p {
    margin-bottom: 30px;
  }
  /* ASIDE */
  aside .artistContact,
  aside .artistList {
    padding: 15px;
  }
  /*========= ARTIST ==========*/
  .artistRepertoire ul li img {
    float: none;
    max-width: inherit;
    margin-right: 0px;
  }
  .artistRepertoire ul li img + h2 {
    margin-top: 40px;
    float: none;
  }
  .artistRepertoire ul li img + h2 + p {
    max-width: inherit;
    float: none;
  }
  /*========= CONTACT ==========*/
  .contactOverview li:nth-child(2):after {
		content:"";
		clear:both;
		display: table;
	}
	.contactOverview li:nth-child(3):after {
		content:"";
		clear: inherit;
		display: none;
	}
}

@media screen and (max-width: 767px) {
  body {
    margin-top: 120px;
  }
  h1 {
    font-size: 2.6rem;
  }
  /*========= NAVIGATION ==========*/
  .navbar-brand,
  .navbar-default.affix .navbar-header .navbar-brand {
    padding: 15px;
  }
  #mainNav .login {
    margin-left: 15px;
  }
  #mainNav .login .text-right {
    text-align: inherit;
  }
  .navbar-right {
    margin: 15px 7px;
  }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: inherit;
    height: auto;
  }
  .navbar-default .navbar-nav > li.divider-vertical {
    display: none;
  }
  .navbar-collapse form[role="search"] {
    position: inherit;
    width: auto;
    margin: 15px;
    height: 40px;
  }
  .navbar-collapse form[role="search"] input {
    padding: 6px 12px;
    height: 39px;
  }
  #subnav {
    margin-top: 0px;
    position: static !important;
  }
  #subnav .navbar-nav {
    margin: 0px -15px;
  }
  #subnav .navbar-nav > li {
    background: #0093d3;
    border-top: solid 1px white;
  }
  #subnav .navbar-nav > li:first-child a {
    margin-left: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #subnav .navbar-nav > li > a {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
  }
  #subnav .navbar-nav > li > a:before {
    display: none;
  }
  #subnav .navbar-nav > .active > a,
  #subnav .navbar-nav > .active > a:hover,
  #subnav .navbar-nav > .active > a:focus {
    background: #00628a;
  }
  .sticky-wrapper {
    margin-top: 0;
  }
  /*========= FOOTER ==========*/
  #siteFooter li[class*="col-"] + li[class*="col-"] {
    margin-top: 20px;
  }
  /*========= LAYOUT ==========*/
  /* KEYVISUAL */
  .container-fluid.keyvisual .keyVisual figure {
    max-height: inherit;
  }
  .container-fluid.keyvisual .keyVisual figure:before {
    display: none;
  }
  .container-fluid.keyvisual .keyVisual figure figcaption {
    position: inherit;
    top: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    background: #00628a;
  }
  .container-fluid.keyvisual .keyVisual figure figcaption h1 + p {
    font-size: 2.6rem;
  }
  /* ASIDE */
  aside {
    margin-top: 40px;
  }
  aside .artistList {
    display: none;
  }
  /*========= INDEX ==========*/
  .artistOverview a:hover .hgroup {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }
  /*========= ARTIST ==========*/
  .artistMedia a.video:before {
    top: 40%;
  }
  .artistMedia a figure {
    position: relative;
  }
  .artistMedia a figure figcaption {
    position: inherit;
    padding: 0;
    background: white;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
  }
  .artistMedia a figure figcaption p {
    font-size: 1.6rem;
    color: #4a4a4a;
    opacity: 1;
    position: inherit;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
  }
  .artistMedia a:hover figcaption {
    background: white;
  }
  .artistMedia a:hover figcaption p {
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
  }
  .artistEvents ul.events .row {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .artistEvents ul.events .row div +div {
    margin-top: 10px;
  }
  /*========= CONTACT ==========*/
  .contactOverview li:nth-child(2):after {
		content:"";
		clear: inherit;
		display: none;
	}
  .contactOverview .employee {min-height: inherit;}
  .contactOverview button {
    margin-bottom: 30px;
  }
}