h1,h2,h3,h4,h5,p {font-family: "Montserrat", Helvetica, sans-serif;}
h1 {position:absolute; top:10px; left:10px; margin:0;font-size: 11px; color:#999999;clear:both;margin: 5px;}
h2 {font-size: 48px;margin: 50px 0 40px 0;}

a {
    color: #0295ad;
}

span.logo {margin:40px 0 20px 0 }
span.portrait {margin:40px 0;}

span.portrait img {
    widtH: 400px;
    max-width: 80vw;
    border-radius: 0;
    border: 2px solid #252525;
    opacity: 80%;
}

header p {
display: block;
margin: 0 auto;
width: 80%;
max-width: 700px;
font-weight: 300;
font-size: 16px;
color: black;
line-height: 1.6;
}

.grecaptcha-badge {
    visibility: hidden;
}

div#flash, div#flashfail {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100vw;
    text-align: center;
    z-index: 9999999;
    padding: 10px;
    background: #0295ad;
    color: #fff;
}

p.warning {
    margin: 0;
    color: #ffbb7d;
    padding: 2px 10px;
}

p.notice {
    font-size: 30px;
    font-weight: 400;
}

header span {
  display: block;
  font-style: italic;
  font-weight: lighter;
  font-size: 48px;
  margin: 40px 0;
  line-height: 1;
}

#container {
  width: 95%;
  display: block;
  margin: 0 auto;
}

.item {
  display:block;
  width: 25%;
  padding: 5px;
  margin: 0 auto;
}


.item img {
  width: 100%;
  height: auto;
}

/*NAV PILLS*/

div[role=tabpanel] {margin: 20px auto;}

ul.nav {width: 60%; margin: 10px auto; max-width: 600px;}

.nav li {width: 48%; margin: 0 auto; border-radius: 3px; max-width:250px;}

.nav li a {text-align: center; border: 1px solid #ececec; color: #444444;}
.nav-pills li.active a {background-color: #0295ad;border:0;}
.nav-pills li.active a:focus {background-color: #0295ad;}
.nav-pills li.active a:hover {background-color: #0295ad;}


.nav li.about {float: left;}
.nav li.contact {float: right;}

/*CONTACT FORM*/

#contact {width:60%; max-width: 600px; margin: 60px auto;}
#contact .btn-default {float: right; margin: 10px 0; clear: both;background-color:#0295ad;border:0;color: #fff;}
#contact .btn-default:hover {
    background-color: #0a5865;
}

/* ISOTOPE CSS TRANSITIONS */

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/* Desktops and laptops */
@media only screen  and (min-width : 1224px) {

    .item {
      width: 20%;
    }

}

/* Tablet */
@media only screen and (max-width : 1024px) {

.item {
      width: 33%;
    }

    p.notice {
        font-weight: 400;
    }

}

/* Smartphone landscape */
@media only screen and (max-width : 767px) {

    .item {
      width: 50%;
    }

}


/* Smartphone portrait */
@media only screen and (max-width : 320px) {

    .item {
      width: 95%;
      margin:0 auto;
      display: block;
    }

}