@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&amp;display=swap');

body, h1, h2, h3, h4, p {font-family: 'Montserrat', sans-serif;}

a {color: #0099cc}
h1 {font-size:72px;color:#0099cc}
h2 {font-size:52px;text-align:center;color:#0099cc}
h3 {color: #0099cc;text-transform:uppercase;}

.fl-page-bar {background-color: #031c33;}

ul#menu-secondary-menu li a { color: #27668f; }

svg#Layer_1 { fill: #27668f; }

.moreprojects{
  margin-top:80px;
}

.researchproject{
  margin-left:20px;
  margin-top:20px;
}

.fl-page-nav-right .fl-page-header-wrap {background-color: #ffffff;background-color: rgba(255,255,255,.5);}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
    color: #27668f; 
    margin: 1.5em 1.5em 0 1.5em;
    padding:0;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1.5px;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor>a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent>a.nav-link {
    color: #031c33;
    border-bottom: 1px dotted #031c33;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a {
    color: #031c33;
    border-bottom: 1px solid #031c33;
}

.fa-search:before {color: #27668f;}

.home .fl-module-rich-text .fl-module-content.fl-node-content, .home .fl-module-heading .fl-module-content.fl-node-content {
    margin: 20px;
}

.fl-col.fl-node-5e8342b6cecd5.fl-col-small,
.fl-col.fl-node-5e8342b6cecd9.fl-col-small,
.fl-col.fl-node-5e8342b6cecdc.fl-col-small
 {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    margin: 0 20px;
    width: 30% !important;
}

.fl-col.fl-node-5e8342b6cecd5.fl-col-small {margin-left:0}
.fl-col.fl-node-5e8342b6cecdc.fl-col-small {margin-right:0}

.research h3 {
    font-size: 18px;
}


@media screen and (min-width: 767px) and (max-width: 1024px) {
  
  h1 {font-size: 48px;}
  h2 {font-size:30px;}
  
  .fl-page-nav-right .fl-page-header-logo {
    padding: 20px;
    text-align: center;
}

  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
    color: #ffffff;
    padding: 1em;
}

.fl-page-nav-right .fl-page-header-logo {
    padding: 20px;
}

.fl-col-small:not(.fl-col-small-full-width) {
    max-width: 95%;
}

.fl-col.fl-node-5e8342b6cecd5.fl-col-small,
.fl-col.fl-node-5e8342b6cecd9.fl-col-small,
.fl-col.fl-node-5e8342b6cecdc.fl-col-small
 {
  margin: 0 40px 30px 20px;
    width: 100% !important;
}

.fl-button-wrap.fl-button-width-auto.fl-button-right,
.fl-button-wrap.fl-button-width-auto.fl-button-left {

    text-align: center;
    margin:0 0 20px 0;
}

}

@media screen and (min-width: 320px) and (max-width: 767px) {   
  
  h1 {font-size:40px;}
  h2 {font-size:30px;}



.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile.fl-page-nav-right .fl-page-header-row .fl-page-header-logo {
    padding: 10px 0 20px 0;
    text-align: center;
}

.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-wrap {
    padding-bottom: 0px;
}

.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
    background: #27668f;
}
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle * {
    color: #ffffff;
}
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:hover, .fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:focus {
    background: #031c33;
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a {
    padding:1em;
}
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li>a {
    color:#ffffff;
  
}

.fl-col-small:not(.fl-col-small-full-width) {
    max-width: 100%;
    margin-bottom:20px;
}

.fl-col.fl-node-5e8342b6cecd5.fl-col-small, .fl-col.fl-node-5e8342b6cecd9.fl-col-small, .fl-col.fl-node-5e8342b6cecdc.fl-col-small {
    margin: 0 0px;
    width: 100% !important;
    margin-bottom: 20px;
}


}