@charset "UTF-8";
/* CSS Document */

/*	BOOTSTRAP - adjustments */
@media (min-width: 1200px) {
  row.image {
    height: 260px;
  }
}

@media (min-width: 1380px) {
  row.image {
    height: 300px;
  }
}

@media (min-width: 1600px) {
  row.image {
    height: 360px;
  }
}

@media (max-width: 1200px) {
  .landing_name {
    font-size: 65px;
  }
  .landing_txt_lower {
    margin-top: 20px;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  body {
    font-size: 16px;
  }
  
  .muziek .card {
	  height: 525px;
	}

  .landing_txt_upper {
    margin: 0;
  }

  h1.landing_name {
    line-height: 75px;
  }

  row.image {
    height: 225px;
  }

  row.content p {
    font-size: 16px;
    line-height: 26px;
  }

  row.content .container.docent {
    height: auto;
  }

  row.content h1 {
    font-size: 32px;
  }
  
  .navbar-light .navbar-nav a.nav-link{
	padding: 30px 1.0rem;
	}
}

@media (min-width: 979px) and (max-width: 1024px) {
  body {
    font-size: 16px;
  }

  p {
    line-height: 24px;
  }
  
   .muziek .card {
	  height: 550px;
   }

  .landing_txt_upper {
    margin: 0;
  }

  h1.landing_name {
    line-height: 75px;
  }

  .landing_uitleg h1 {
    font-size: 36px;
  }

  .go_item h2 {
    font-size: 26px;
  }

  .go_item_img {
    height: 140px;
  }

  .footer_item {
    max-width: 50%;
  }

  .contact_knop {
    padding-bottom: 40px;
  }

  row.image {
    height: 225px;
  }

  row.content p {
    font-size: 16px;
    line-height: 26px;
  }

  row.content .container.pianist,
  row.content .container.docent,
  row.content .container.dirigent {
    height: auto;
  }

  .landing {
    padding-top: 0;
  }
  
  .navbar-light .navbar-nav a.nav-link{
	padding: 30px 1.0rem;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  body {
    font-size: 16px;
  }

  .landing_txt_upper {
    margin: 0;
  }

  h1.landing_name {
    line-height: 75px;
  }

  .landing_uitleg h1 {
    font-size: 34px;
  }

  .landing_uitleg_muziek p,
  .landing_uitleg_go p {
    line-height: 26px;
  }

  .go_item h2 {
    font-size: 26px;
  }

  .go_item_img {
    height: 140px;
  }

  .footer_item {
    max-width: 50%;
  }

  .contact_knop {
    padding-bottom: 40px;
  }

  row.image {
    height: 225px;
  }

  row.content p {
    font-size: 16px;
    line-height: 26px;
  }

  row.content {
    border-top: 1px solid #da622a;
  }

  row.content .container.pianist,
  row.content .container.docent,
  row.content .container.dirigent {
    background: none;
  }

  row.content .container div.col-md-7 {
    max-width: 100%;
  }

  .landing {
    padding-top: 0;
  }
  
   .navbar-light .navbar-nav a.nav-link{
	padding: 30px 0.5rem;
	font-size: 20px;
  }
}

@media (max-width: 767px) {
  body {
    padding: 0;
  }

  .landing {
    padding-top: 0;
  }
  
  .muziek .card {
	  height: auto;
   }
}

/* DROPDOWN MENU */
@media all and (max-width: 768px) {
  /* Hide the navigation menu by default */
  /* Also hide the  */
  .toggle + a,
  .menu {
    display: none;
  }

  /* Stylinf the toggle lable */
  .toggle {
    display: block;
    font-family: "Lato", sans-serif;
    color: #377ee9;
    font-size: 18px;
    text-decoration: none;
    border: none;
    padding: 3px 0;
    width: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    background: #fff;
  }

  .toggle:hover {
    background-color: #fff;
    cursor: pointer;
  }

  /* Display Dropdown when clicked on Parent Lable */
  [id^="drop"]:checked + ul {
    display: block;
  }

  ul li label.toggle {
    font-size: 24px;
    line-height: 30px;
    padding: 17px;

    border-top: 1px solid #e1e1e1;
    border-bottom: none;

    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.95);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
  }

  /*niet-menu zaken */

  p {
    line-height: 26px;
  }

  .landing_uitleg h1 {
    font-size: 36px;
  }

  .landing_uitleg_muziek {
    margin-top: -50px;
    margin-bottom: 35px;
  }

  .landing_uitleg_muziek p,
  .landing_uitleg_go p {
    padding: 14px 0;
  }

  .go_titel h1,
  .contact_titel h1 {
    font-size: 46px;
    padding-top: 0px;
  }

  .go_text {
    padding-bottom: 30px;
  }

  .go_item {
    width: 50%;
  }

  .go_item_img {
    height: 200px;
  }

  .go_item h2 {
    padding: 50px 0;
  }

  .contact_txt {
    padding: 0 15px 30px 15px;
    font-size: 22px;
  }

  .contact_titel h1 {
    padding-bottom: 10px;
  }

  .contact_knop {
    padding-bottom: 35px;
  }

  #form_contactformulier_table {
    width: 100%;
  }

  .footer_item {
    width: 50%;
  }

  .footer_item a img {
    margin-left: 40%;
    float: left;
  }

  .footer_item a span {
    width: 100%;
  }

  row.image {
    height: 225px;
  }

  row.image img {
    margin-left: -15%;
  }

  body {
    font-size: 16px;
  }

  row.content p {
    font-size: 16px;
    line-height: 26px;
  }

  row.content {
    border-top: 1px solid #da622a;
  }

  row.content .container.pianist,
  row.content .container.docent,
  row.content .container.dirigent {
    background: none;
    height: auto;
  }

  row.content h1 {
    font-size: 30px;
  }
  
  .navbar-light .navbar-nav a.nav-link{
	width:100%;
	border-left: none;
	border-bottom: 1px solid #e1e1e1;
  }
  
  .navbar-light .navbar-nav a.nav-link.last{
    border-right: none;
}

@media (max-width: 550px) {
  body {
    font-size: 16px;
  }

  .go_item h2 {
    font-size: 28px;
    font-weight: 300;
  }

  row.image img {
    margin-left: -35%;
  }

  /* row.content h1 {
    font-size: 24px;
    line-height: 30px;
  } */

  .resume {
	  float: left;
  }
}

@media (max-width: 480px) {
  row.image img {
    margin-left: -45%;
  }
}

@media (max-width: 400px) {
}

@media (max-width: 330px) {
}