@import url <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">;


body {
  background-color: #ffffff;
  padding-top: 50px;
}


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

.navbar-custom {
  color:            #000000;                        
  background-color: #758fa1;
  border-color:     #758fa1;
  font-family:      Raleway;
}

.navbar-inverse {
  color:            #c6d5de;                        
  background-color: #336699;
  border-color:     #336699;
  font-family:      Arial;
  font-weight:		400;
  font-size:		2;
}

.footer-inverse {
  color:            #c6d5de;                        
  background-color: #336699;
  border-color:     #336699;
  font-family:      Dosis;
  font-size:		1;
}

.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: -55px;
    left: 5px;
    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;
}

.twoColumns {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}

.top-buffer { margin-top:7%;
}

p {
  font-family: 'Raleway', sans-serif; font-size:10px; color:#999999;
}
h1, h3, h4, h5 {
  font-family: 'Dosis', sans-serif; color:#415562;
}
h1 {
  font-weight:700; font-size: 28px;
}
h2 {
  font-family: 'Dosis', serif; font-weight:700; font-size: 36px; color: white; text-shadow: grey 0.05em 0.05em 0.05em}
}

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

/* Small devices (tablets, 768px and up) */
@media (min-width: 480px; max-width: 600px) {
body {
  background:rgb(256,256,256);
  padding-top: 400px;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 600px; max-width: 768px) {
body {
  background:rgb(256,256,256);
  padding-top: 200px;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px; max-width: 992px) {
body {
  background:rgb(256,256,256);
  padding-top: 400px;
}
}

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

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