/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
  background-image: url('../img/bg/bgdeskf.jpg');
  background-size:     100%;                      /* <------ */
  background-repeat:   no-repeat;
  background-position: top center;              /* optional, center the image */
  color: blue;
  font-size: 16px;
  font-family: 'ITCFranklinGothicStd-Med';
}

body.front {
    background-image: url('../img/bg/bgdeskf.jpg');
}
body.about {
    background-image: url('../img/bg/bgdeska.jpg');
}
body.exhibitions {
  background-image: url('../img/bg/bgdeske.jpg');
}
body.opensource {
  background-image: url('../img/bg/bgdeske.jpg');
}

a, a:hover {
  color: blue;
}

h1 {
  margin-top: 50px;
  font-size: 70px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-family: 'ITCFranklinGothicStd-Hvy';
}

h2 {
  font-size: 36px;
}

.wrapper {  background: rgba(255,255,255,0.75); }

.container{
  max-width: 375px;
  margin: auto;
}

/* BOXES */

.links li, h2, .time, .box, .gmap{
  background: #fff;
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,255,0.7);
  -moz-box-shadow: 2px 2px 10px rgba(0,0,255,0.7);
  box-shadow: 2px 2px 10px rgba(0,0,255,0.7);
  padding: 8px 10px 4px 10px;
  margin: 10px auto;
}

iframe {
box-shadow: 2px 2px 10px rgba(0,0,255,0.7);
}

.links {
  list-style: none;
  font-size: 21px;
  padding: 0;
}

.links li {
  display: inline-block;
  /* max-width: calc(33% - 4px); */
}

li.active {
  background: blue;
  color: white;
}

li.hover {
  background: blue;
  color: white;
}

li.active a {
  color: white;
}

h2 {
  display: inline;
  line-height: 55px;
}

.main-content-piece, .visit {
  margin-top: 50px;
}

.time {
  display: inline-block;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.blueBtn, .blueBtn:hover {
  background: blue;
  display: inline-block;
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,255,0.7);
  -moz-box-shadow: 2px 2px 10px rgba(0,0,255,0.7);
  box-shadow: 2px 2px 10px rgba(0,0,255,0.7);
  padding: 8px 10px 4px 10px;
  margin: 25px 0 -10px;
  color: #fff;
  display: table;
}

.gmap {
  width: 100%;
  height: 250px;
}

footer {
  margin: 50px 0px;
  text-align: center;
}

footer img {
  max-width: 50%;
  margin: auto;
}




.about p a {
  text-decoration: underline;
}

.team {
  margin-top: 50px;
}

.exhibitions .main-content-piece .blueBtn {
  margin-top: 0px;
}




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

  body {
    background-size:     100%;                      /* <------ */
  }


  body.front {
      background-image: url('../img/bg/bgmobf.jpg');
  }
  body.about {
      background-image: url('../img/bg/bgmoba.jpg');
  }
  body.exhibitions {
    background-image: url('../img/bg/bgmobe.jpg');
  }
  body.opensource {
    background-image: url('../img/bg/bgmobe.jpg');
  }r
    }