@import url(http://fonts.googleapis.com/css?family=Playfair+Display|Ubuntu:300,400,700);

body {
  padding-top: 50px;
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;

}

.navbar-inverse {
  background-color: #1d4c97;
  border-color: #1d4c97;
  font-family: Ubuntu;
  font-color: #fddd02;
}

.navbar-custom {
  background-color: #1d4c97;
  border-color: #1d4c97;

}

.navbar .navbar-collapse {
    text-align: center;

}

.container-white {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background:rgba(255,255,255,0.5);
}

#boxes .white {
    background-color:rgba(255,255,255,1.0);
}

#overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -20px;
    left: 50px;
    color: red;
    font-size: 40px;
    z-index: 10;
}

#overlay-xs {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -40px;
    left: 5px;
    color: red;
    font-size: 40px;
    z-index: 10;
}

p {
  font-family: 'Ubuntu', sans-serif; font-weight:300; font-size:12px; color:#697087;
}
h1, h3, h5 {
  font-family: 'Ubuntu', sans-serif; font-weight:400; color:#336699;
}
h1 {
  font-size: 24px;
}
h2 {
  font-family: 'Playfair', serif; font-weight:400; font-size: 36px; color: white; text-shadow: grey 0.05em 0.05em 0.05em}
}
h4 {
  font-family: 'Playfair', sans-serif; font-weight:700; color:#336699; font-size: 36px;
}

/* Extra small devices (phones, less than 768px) */
/* No media query Bootstrap is Mobile First */


/* Small devices (tablets, 768px and up) */
@media (min-width: 300px; max-width: 768px) {
body {
  padding-top: 50px;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
body {
  padding-top: 50px;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
body 
  padding-top: 50px;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
body {
  padding-top: 50px;
}
}