.cc-link{
  text-decoration: underline;
  cursor: pointer;
  }
  .cc-link:hover{
    color: #d6d6d6;
  }
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {
    background-color: rgb(206, 226, 238);
    color:  #1B8BCF;
    margin: auto;
    padding: 20px;
    width: 50%;
  }
  .modal-content h1{
    font-size: 2rem;
  }
  
  a.modal-button-link{
    color: #1B8BCF;
  }
  .modal-button{
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }
  
  /* The Close Button */
  .close {
    color: #1B8BCF;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
.alt{
  display:block;
  justify-content: center;
  align-items:center;
  text-align:center;
  position: absolute;
}
.base{
  position: absolute;
  display:block;
}
.news-item.last{
  margin-bottom:0rem;
}
.state-header{
  height: 50px;
  position:fixed;
  background-color: #3d3d3d;
  top:35px;
  width:100%;
  z-index:100;
}
.state-header a{
  color: #ffffff;
}
.col-48 {
  width: 30%;
  float: left;
  height: 100%;
  padding-left: 20px;
  padding-top: 10px;
}
.col-48 a{
  font-weight: 300;
  font-size: 9pt;
  padding-top: 16px;
  text-decoration: none;
}
.c-2{
  position: absolute;
  right: 55px;
  color: #ffffff;
  text-align: right;
  padding-top:0;
}
.thin-footer{
  display: flex;
  flex-direction:row;
  background-color:#333333;
  text-align:center;
justify-content: center;
align-items: center;
height: 70px;
}

.footer-item{
  text-align:center;
margin-bottom:0;
  flex-basis: 100%;
  flex:auto;
}
.open-source{
  font-size: 0.7rem;
  color: #ffffff;
  text-decoration: none;
}
.double{
flex:auto;
}

.open-source:hover{
  color: #f0f0f0;
  text-decoration: none;
}



#return{
  padding: 10px;
  color: #000000;
  background-color: rgba(255,255,255,0.5);
}

.beta-banner{
  background-color: #333333;
  color: #ffffff;
padding: 10px 50px 10px 40px;
font-size: 0.7rem;
font-weight: 300;
width: 100%;
  position: fixed;
  text-align:right;
  z-index:100;
}
.beta-banner p{
  margin-bottom:0;
}
a#return:hover{
  text-decoration:none;
}
.col-48 p{
  font-weight: 300;
  font-size: 9pt;
  padding-top: 16px;
}
.row-1{
  padding-top: 6px;
}
.row-2{
  margin-top: -16px;
}
.row-1 p{
  padding-top:0;
}
.row-2 p{
  padding-top:0;
}
/* Style the navigation menu */
.topnav {
  display:none;
  overflow: hidden;
  background-color: #3d3d3d;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #f6f6f6;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 0.6rem;
  display: block;
  background-color: #3d3d3d;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #1B8BCF;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #3d3d3d;
}

/* Style the active link (or home/logo) */
.active-menu {
  background-color: #1B8BCF;
  color: #f6f6f6;
}
.footer a:link,
.footer a:focus,
.footer a:visited {
  text-decoration: none;
  color: #ffffff !important;
}
.footer a:hover {
  text-decoration: underline;
}
footer.nj {
  background: #333;
  padding: 1rem 0rem 0rem 0rem;
  color: #fff;
  font-size: 0.875rem;
}

footer .nj {
  background-color: #333;
  color: #fff;
}

.wrap {
width:100%;
text-align: center;

}
.opra-lice{
  opacity: 1;
  filter: alpha(opacity=100);
}
.opra-lice a:hover{
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.align-center{
  text-align:center;
}
body {
  margin: 0;
  font-family: 'poppins', sans-serif;
  /*font-family: 'Libre Barcode 128 Text', cursive;*/
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #ffffff;
}
.footer-item.right-align{
  text-align:right;
}

@-ms-viewport {
  width: device-width;
}

a.fa{
  font-size: 1.8rem;
  color: #1B8BCF;
  margin: 1rem;
}

a.fa:hover{
  text-decoration: none;
  color: #609e09;
}

.title{
  display: flex; 
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 3rem;
  
}

.title a{
  text-decoration: none;
  color: black;
}

.state-logo{
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;

}
.title h3{
  padding-left: 2rem;
  /*text-align:center;*/
}

.title-thin{
  font-weight: 200;
  font-size: 1.4rem;
}
.title-bold{
  font-size: 2rem;
  font-weight: 400;
}

.menu{
  width: 100%;
  display: flex; 
  flex-direction: row;
  justify-content: center;
  padding-bottom: 1.5rem;
  text-align:center;
  flex-wrap: wrap;

}

.menu-item{
 /* border-top: 1px solid #1B8BCF;*/
 border-top: 1px solid #858585;
  display: flex; 
  align-items: center;
  text-align:center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 400;
  width: 150px;
  height: 50px;
  margin: 0 5px;
}
.menu-item:hover{
  border-top: 5px solid#609e09;
  text-decoration: none;
}


a.menu-item{
  color: #3d3d3d;
}

/*a.menu-item:hover{
  color: #dbdbdb;
  text-decoration: none;
}*/
.hero{
  background-image: url("../images/hero.jpg");
  background-blend-mode: multiply;
  background-color: rgba(4, 69, 110, 0.76);
  background-size: cover;
  height: 70vh;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  text-align:center;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  animation: animatedBackground 40s linear infinite;
}
@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
.hero h3{
  text-align: center;
  justify-content: normal;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 3.5rem;
  margin: 2% 8%;
}

.hero p{
  font-size: 1.6rem;
  text-align:center;
  display: flex;
  color: #ffffff;
  font-weight: 200;
  margin: 0% 8%;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;

}
.press-release.projects.list {
  margin-left: 6rem;
  margin-right: 6rem;
}
.press-release h4{
  color:#1B8BCF;
  line-height: 1.5;
  padding: 0rem 0rem 0rem 0rem;
}
.press-release.projects p{
  padding: 0rem 0rem 0rem 0rem;
  font-size: 1rem;
}

.press-release.projects .pr-content p{
  padding: 1rem 0rem 0rem 0rem;
  text-align: left;
  font-size: 1rem;
  font-weight: 300;
}
.press-release.projects .pr-content a{
  color:#1B8BCF;
  font-weight: 400;

}
#bold{
  font-weight: 600;
}
.press-release h6{
  padding: 0rem 0rem 0rem 0rem;
}
.press-release h5{
  padding: 0rem 0rem 0rem 0rem;
}
.guv{

  font-size: 1.4rem;
}
.what-we-do{
  display: flex;
  flex-direction: column;
  text-align:center;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
  margin-right: 10%;
}
.what-we-do h3{
  font-weight: 200;
  margin-bottom: 4rem;
  padding-top: 4rem;
  font-size: 3.375rem;
  color:#1B8BCF;
  font-family: 'Roboto', sans-serif;
  /*border-bottom: 5px solid #1B8BCF;*/
}
.what-we-do a{
  font-weight: 400;
  margin-bottom: 1rem;
  padding-top: 1.4rem;
  font-size: 1.4rem;
  color: #000000;
 
}

.what-we-do p{
  font-weight: 200;
  font-size: 1.2rem;
  padding-bottom: 4rem;
}

.what-we-do .icon-row p{
  font-weight: 200;
  font-size: 1.2rem;
  padding-bottom: 0rem;
}
.projects{
  background-color: rgba(27, 138, 207, 0.089);
  display: flex;
  flex-direction: column;
  text-align:center;
  justify-content: center;
  align-items: left;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 4rem;
}

.projects h3{
  font-weight: 200;
  margin-bottom: 4rem;
  padding-top: 4rem;
  font-size: 3.375rem;;
  color:#1B8BCF;
  font-family: 'Roboto', sans-serif;
  /*border-bottom: 5px solid #1B8BCF;*/
}

.projects p{
  font-weight: 200;
  font-size: 1.2rem;
  padding-bottom: 4rem;
}
.projects .icon-items h4{
  font-weight: 300;
  font-size: 1.4rem;

}

.projects .icon-items{
  margin-right: 1.2rem;
  margin-left: 1.2rem;
}

.projects .icon-items img:hover {
zoom: 1.1;
}

a.hidden-link{
font-size: 1rem;
font-weight: 200;
margin-bottom: 0rem;
padding-top: 0rem;
color: #000000;
}

a.hidden-link:hover{
  color: #1B8BCF;
font-weight: 300;
margin-bottom: 0rem;
padding-top: 0rem;
  font-size: 1rem;
  }

.news{
  display: flex;
  flex-direction: column;
  text-align:center;
  justify-content: center;
  align-items: center;
  margin-left: 10%;
  margin-right: 10%;

}

.news h3{
  font-weight: 200;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 4rem;
  font-size: 3.375rem;
  padding-top: 4rem;
  color:#1B8BCF;
  /*border-bottom: 5px solid #1B8BCF;*/
}

.news p{
  font-weight: 200;
  font-size: 1.2rem;
  padding-bottom: 4rem;
  margin-bottom:0;
}

.icon-row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 0rem 2rem 4rem 2rem;;
}

.icon-items{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
  flex: 1;
  margin-right: 1.2rem;
  margin-left: 1.2rem;
}

.icon-items p{
 text-align:center;
  font-weight: 200;
  font-size: 1rem;
}

.icon-items h4{
  text-align:center;
  margin: 1.5rem 0rem;
  font-weight: 400;
  font-size: 1.3rem;
 }

 .underline {
  border-bottom: 5px solid #609e09;
  display: inline-block;
  line-height: 1.4;
}

.icon-items:hover .underline {
  border-bottom: 6px solid #1B8BCF;

}
.icon-items img{
  height: 120px;
}
#Layer_1{
  height: 120px;
}
.st0{
  fill: #1B8BCF;
}
a.icon-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
display: flex;
flex-direction: column;
color: #1B8BCF;
font-size:  1.4rem;
padding-top: 1.4rem;
}
.icon-items:hover a.icon-title{
  text-decoration: none;
  color: #609e09;

  }

.icon-items:hover svg#Layer_1 .st0{
  fill: #609e09;
}

.icon-items:hover{
  cursor: pointer;
}
.st0{
  fill: #1B8BCF;
}



/*

.icon-items a{
  color: black;
  font-size: 1rem;
  font-weight: 200;
  text-decoration: none;
}
.icon-items a:hover{
  color: #1B8BCF;
  text-decoration: none;
}*/

.news-item{
  background-color: rgba(27, 138, 207, 0.089);
  height: 100%;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
  flex-direction: row;
}

.thumbnail{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem 2rem;
  width: 30%;
}

.thumbnail img{
  height: 240px;
  margin-left: 4rem;
  /* border: 5px solid #1B8BCF; */
}

.text{
  text-align: left;
  flex-wrap: wrap;
  padding-left: 4rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

h4.news-title{
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
font-size:  2rem;
color:rgb(7, 50, 77);
}

p.by-line{
  font-weight: 600;
  font-size: 0.8rem;
  padding-bottom: 0;
  padding-top:0.5rem;
  color:rgb(7, 50, 77);
}

p.news-description{
  font-weight: 200;
  font-size: 0.95rem;
  padding-bottom: 0;
  color:rgb(7, 50, 77);
}

.read-more{
  text-align: left;
  flex-wrap: wrap;
  font-weight:  300;
  font-size: 0.8rem;
  margin-top: 1.4rem;
  color:rgb(7, 50, 77);
}

.read-more-button{
  background-color: rgba(27, 138, 207, 0.233);
  padding: 0.5rem 0.7rem;
}

.read-more-button:hover{
  background-color: rgba(27, 138, 207, 0.322);
  padding: 0.6rem 0.9rem;
}
.read-more a{
  text-decoration:none;
  color:rgb(7, 50, 77);
}
.more-news-items a{
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: none;
  color: rgb(7, 50, 77);
}

.more-news-items .read-more-button{
  background-color: rgba(27, 138, 207, 0.233);
  padding: 1rem 1.2rem;
}

.more-news-items .read-more-button:hover{
  background-color: rgba(27, 138, 207, 0.363);
  padding: 1.1rem 1.3rem;
}

.stay-in-touch{
  display:flex;
  flex-direction: row;
  padding-bottom: 0rem;
  padding-top: 4rem;
}

.stay-in-touch .image{
width: 50%;
}
.stay-in-touch .image img{
  width: 100%;
}

.stay-in-touch .contact-form{
  width: 50%;
  padding: 0rem 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color:rgba(27, 138, 207, 0.089);
  }

.contact-form h3{
  text-align: center;
  font-weight: 200;
  font-size: 3.375rem;
  font-family: 'Roboto', sans-serif;
  color: #1B8BCF;
}

.contact-form h4{
  padding-top: 1.2rem;
  text-align: center;
  font-weight: 200;
  font-size: 1rem;

}

button{
  background-color: rgba(27, 138, 207, 0.356);
  border: none;
  color: rgb(2, 20, 31);
  padding: 10px 25px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
}
button:hover{
  zoom: 1.1;
}
input[type=text]{
  width: 100%;
  padding: 10px 20px;
  margin: 0px 0;
  display: inline-block;
  border: none;
  color: rgb(2, 20, 31);
  /*background-color:rgba(27, 138, 207, 0.089);*/
  background-color: #ffffff;
  border-radius: 0px;
  box-sizing: border-box;
}

.address{
  padding: 14rem 8rem;
  border: 0px solid rgb(2, 20, 31);
  /*background-color:rgba(27, 138, 207, 0.089);*/
  height:  100%;
  display: flex;
  flex-direction: row;
  
}

.address-col{
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align:center;
}

.sm-icons{
  display:flex;
  flex-direction: row;
}

.address-col h3{
  font-weight: 200;
  font-family: 'Roboto', sans-serif;
  color: #1B8BCF;
  font-size: 3.375rem;
}

.address-col h5{
  font-family: 'Roboto', sans-serif;
  color: #1B8BCF;
  font-weight: 300;
}


.address-col p{
  font-weight: 200;
  margin-bottom: 0;
}

.mission {
  padding-bottom: 0rem;
  margin-top: 0rem;
  background-color: #ffffff;
}

.about {
  margin-top: 0rem;
  padding-bottom: 4rem;
}
.about h3{
  padding-top: 4rem;
}
.about p{
  padding-bottom: 0;
  font-size: 1rem;
  text-align:left;
}
.material-icons {
  direction: ltr;
  display: inline-block;
  font-family: 'Material Icons';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.accordion{
  background-color: rgba(27, 138, 207, 0);
  cursor: pointer;
  text-align: left;
  font-weight: 400;
  font-size: 1rem;
  border: none;
  outline: none;
  transition: 0.4s;
  display: flex;
  order: 3;
  flex-direction: row;
  padding: 0;
}
.accordion:hover{
  zoom: 1;
}

.active{
  font-size: 1rem;
}
.accordion:before {
  content: "MORE";
}
.jobs.accordion:before {
  content: "READ FULL DESCRIPTION";
  color: #525252;
}
.jobs .material-icons{
  color: #525252;

}
.jobs .active:before {
  content: "COLLAPSE";
}

.active:before {
  content: "LESS";
}

.accordion .material-icons:before {
  font-weight: 200;
  content: 'keyboard_arrow_down';
}
.active .material-icons:before { 
  font-weight: 200;
  content: 'keyboard_arrow_up';
}
/* Style the accordion panel. Note: hidden by default */
.panel {
  display: flex;
  flex-direction: column;
  order: 2;
  background-color: rgba(27, 138, 207, 0);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;

}
.jobs.bio{
  padding-bottom: 0rem;
  padding-top:0rem;
}
.jobs.bio-desc{
  width: 100%;
}
.jobs h4{
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
font-size:  2rem;
color: #1B8BCF;
}
.bio{
  padding: 2rem 0rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.bio .image{

  flex-direction: column;
  width: 30%;

  position: relative;
  align-items: center;
  justify-content: center;
  
}

#team{
  padding-top: 4rem;
  margin-bottom: 2rem;
}

.bio .image img{
width: auto;
  height: 110%;


}

.bio .image .square{
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
  border: 4px solid rgba(27, 138, 207, 1);
}
.bio-desc{
  text-align:left;
  width: 70%;
  display: flex;
  flex-direction: column;
  padding: 2rem 2rem;
}
.bio-desc p{
  font-size: 1rem;
  padding-bottom:0;
  text-align: left;
}
.bio-desc h4{
  font-weight: 300;
  font-size: 1.2rem;
  padding-bottom:0;
  text-align: left;
}
.bio-desc h6{
  font-size: 1rem;
  font-weight: 200;
  padding-bottom:0;
  text-align: left;
}

.down{
 display:flex;
 justify-content: center;
 align-items:center;
}

.join-us{
  background-color: rgba(27, 138, 207, 0.089);
  display: flex;
  flex-direction: column;
  text-align:center;
  justify-content: center;
  align-items: left;
  padding-left: 10%;
  padding-right: 10%;
 
}

.join-us h3{
  font-weight: 200;
  padding-top: 4rem;
  margin-bottom: 4rem;
  font-size: 3.375rem;;
  color:#1B8BCF;
  font-family: 'Roboto', sans-serif;
  /*border-bottom: 5px solid #1B8BCF;*/
}
.join-us h5{
  font-weight: 300;
  color:#1B8BCF;
  font-family: 'Roboto', sans-serif;
  /*border-bottom: 5px solid #1B8BCF;*/
}
.join-us p{
  font-weight: 200;
  padding-bottom: 4rem;
  font-size: 1rem;
  padding-bottom: 0;
}

.join-us-button{
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 20rem; 
  padding-right: 20rem;
}

.join-us-button button:hover{
zoom:1;
color:rgb(7, 50, 77);
background-color:rgba(27, 138, 207, 0.144);
}

p#join-sub-heading {
  font-weight: 200;
  font-size: 1.2rem;
  padding-bottom: 4rem;
}
#reach-us{
  background-color: rgba(27, 138, 207, 0.089);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#reach-us p{
  margin-bottom:0;
}

.description{
  background-color: rgba(255,255,255,0);
  padding-top:0rem;

}
.description h4{
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
font-size:  2rem;
color: #1B8BCF;
text-align:left;
}

.description p{
  text-align:left;
}
.description li{
  text-align:left;
  font-weight: 200;
}
.projects-lab{
  background-color: rgba(27, 138, 207, 0.089);
  display: flex;
  flex-direction: column;
  text-align:center;
  justify-content: center;
  align-items: left;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 2rem;
}

.projects-lab h3{
  font-weight: 200;
  margin-bottom: 4rem;
  padding-top: 4rem;
  font-size: 3.375rem;;
  color:#1B8BCF;
  font-family: 'Roboto', sans-serif;
  /*border-bottom: 5px solid #1B8BCF;*/
}

.projects-lab p{
  font-weight: 200;
  padding-bottom: 4rem;
  font-size: 1rem;
  padding-bottom: 0;
  text-align:left;
}

.projects.list{
  margin: 1rem;
  background-color: #ffffff;
  padding-left: 3rem;
  padding-right: 3rem;
}

.bio-list{
  margin: 0 1rem 1rem 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.pro-list{
  display:flex;
  flex-direction:row;
  padding: 4rem 4rem 4.5rem 2rem;
  margin-bottom: 4rem;
  background-color: rgba(27, 138, 207, 0.089);
}

.pro-list  ul{
  list-style: none; 
}
.pro-list li{
  font-weight:  200;
  line-height: 2rem;
}
.pro-list  ul li::before {
  content: "\2022"; 
  color: #1B8BCF; 
  font-weight: bold;
  display: inline-block; 
  width: 1.5em;
  margin-left: -1.5em; 
  
}
.pro-list .icon-items{
    display: flex;
    flex-direction: column;
    width: 30%;
    justify-content: center;
}
.pro-list .icon-items #svg{
  height: 200px;
  }

  .pro-list .icon-items img:hover{
    zoom:1;
    }

.pro-list .bio-desc button:hover{
      zoom:1;
      background-color: rgba(0,0,0,0.1);
    }

.pro-list  .bio-desc h4{
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
font-size:  2rem;
color: #1B8BCF;
}

.color-bg{
  background-color: rgba(27, 138, 207, 0.089);
  margin-bottom: 2rem;
}
@media screen and (min-width: 1201px) and (max-width: 1450px){
.thumbnail{
  width: 35%;
}
}

@media screen and (min-width: 981px) and (max-width: 1200px){
  .press-release.projects.list {
    margin-left: 4rem;
    margin-right: 4rem;
  }
 .news-item{
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  text-align: center;
}
.col-48{
width: 40%;
}
.join-us-button{

  padding-left: 10rem; 
  padding-right: 10rem;
}

.thumbnail{
padding-top: 1rem;
}
.text{
  justify-items: center;
  align-items: center;
}
.read-more{
  text-align:center;
}
.stay-in-touch{
  display: flex;
  flex-direction: column;
  
}
.stay-in-touch .contact-form{
  width: 100%;
  padding: 2rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color:rgba(27, 138, 207, 0.089);
  }
  .stay-in-touch .image{
    display: none;
    background-color:rgba(27, 138, 207, 0.089);
    }
    .stay-in-touch .image img{
      width: 100%;
      
    }
}
@media screen and (min-width: 981px) and (max-width: 1200px){
  .press-release.projects.list {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .hero h3{
    margin: 0% 0%;
  }
  .thumbnail{
    width: 35%;
    }
    .menu-item{
      width: 100px;
    }
}
@media screen and (min-width: 841px) and (max-width: 980px){
  .press-release.projects.list {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  p.guv{
    padding-bottom: 2rem; 
    font-size: 1rem;
    padding-top:0rem;
  }
  .hero{
    justify-content: center;
    align-items: center;
    text-align:center;
  }
  .hero p{
  font-weight: 200;
  padding-top: 2rem;
  
  }
  .hero h3{
    font-size: 3rem;
    margin: 0% 0%;

  }
  .join-us-button{
    padding-left: 5rem; 
    padding-right: 5rem;
  }
  .col-48{
    width: 40%;
    }
 .icon-row{
  display: flex;
  flex-direction: column;
  padding-top: 0rem;
  padding: 0rem 2rem;
}
.icon-items{
  padding-top: 4rem ;
}
.projects p{
  padding-bottom: 0rem;
}
.news-item{
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  text-align: center;
}
.thumbnail{
padding-top: 1rem;
}
.text{
  justify-items: center;
  align-items: center;
}
.read-more{
  text-align:center;
}
.stay-in-touch{
  display: flex;
  flex-direction: column;
  
}
.stay-in-touch .contact-form{
  width: 100%;
  padding: 2rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color:rgba(27, 138, 207, 0.089);
  }
  .stay-in-touch .image{
    display: none;
    background-color:rgba(27, 138, 207, 0.089);
    }
    .stay-in-touch .image img{
      width: 100%;   
}

.bio{
  padding: 2rem 0rem;
  display: flex;
  flex-direction: column;
 
}
.bio .image{
  width: 100%;
}
.bio-desc{
  width: 100%;
}
.bio-desc h4{
  text-align: center;
}
.bio-desc h6{
  text-align: center;
}
.accordion{
  text-align: center;
}

.menu-item{
  width: 100px;
}

}
@media screen and (min-width: 579px) and (max-width: 840px){
  .press-release.projects.list {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .modal-content{
    width: 80%;
  }
  .thin-footer{
    padding: 20px;
    flex-direction:column;
    height: 300px;
  }
  .join-us-button{
    padding-left: 5rem; 
    padding-right: 5rem;
  }
.double{
  flex:1;
}
.footer-item{
  padding:10px;
}
  .title{
    flex-direction: column;
    text-align: center;
  }
  .beta-banner{
    display:none;
  }
  .icon-row{
   display: flex;
   flex-direction: column;
   padding-top: 0rem;
   padding: 0rem 1rem;
 }
 .icon-items{
   padding-top: 4rem;
   margin-left:0;
   margin-right:0;
 }
.beta{
text-align:left;
padding-left: 15px;
  color: #ffffff;
font-size: 0.4rem;
font-weight: 300;
}
 .m-1{
   display: flex;
   flex-direction: row;
 }
 .projects p{
   padding-bottom: 0rem;
 }
 .news{
  margin-left: 0%;
  margin-right: 0%;
 }
 .news-item{
   display: flex;
   flex-direction: column;
   justify-items: center;
   align-items: center;
   text-align: center;
   flex-wrap: wrap;
 }
 .thumbnail{
 padding-top: 1rem;
 text-align: center;
 }
.thumbnail  img{
 height: 200px;
  margin-left: 0rem;
}
 .text{
   justify-items: center;
   align-items: center;
   padding-left: 1rem;
   padding-right: 1rem;
 }
 .read-more{
   text-align:center;
 }
 .stay-in-touch{
   display: flex;
   flex-direction: column;
   
 }
 .stay-in-touch .contact-form{
   width: 100%;
   padding: 2rem 2rem;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   background-color:rgba(27, 138, 207, 0.089);
   }
   .stay-in-touch .image{
     display: none;
     background-color:rgba(27, 138, 207, 0.089);
     }
     .stay-in-touch .image img{
       width: 100%;   
 }
 .address{
  padding: 3rem 1rem;
  border: 0px solid rgb(2, 20, 31);
  /*background-color:rgba(27, 138, 207, 0.089);*/
  height:  100%;
  display: flex;
  flex-direction: column;
}
.address-col{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align:center;
  height: 100%;
}
.address-col h3{
  padding-bottom: 2rem;
}
.bio{
  padding: 2rem 0rem;
  display: flex;
  flex-direction: column;
 
}
.bio .image{
  width: 100%;
}
.bio-desc{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.bio-desc h4{
  text-align: center;
}
.bio-desc h6{
  text-align: center;
}
.accordion{
  text-align: center;
}
.pro-list{
  flex-direction: column;
  padding: 0;

}
.pro-list .icon-items{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}
.pro-list  .bio-desc h4{
  font-family: 'Roboto', sans-serif;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: 200;
font-size:  2rem;
color: #1B8BCF;
text-align: center;
}

.pro-list button{
margin-top: 1rem;

}
p.guv{
  padding-bottom: 0rem; 
  padding-top:0rem;
}
.hero{
  justify-content: center;
  align-items: center;
  text-align:center;
  height:  40vh;
}
.hero p{
font-weight: 200;
padding-top: 0rem;
font-size: 0.8rem;
margin: 0 4%;
}
.guv{
  font-size:0.8rem;
}
.hero h3{
  font-size: 1.5rem;
  margin: 0% 4%;
padding-bottom:3rem;
padding-top:3rem;
}
.title-thin{
  text-align: center;
}
.title img{
  padding-left: 0rem;
}
.title h3{
  padding-left: 0rem;
}

.what-we-do{
  margin-left: 0;
  margin-right: 0;
}
.projects{
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom:0rem;
}
.projects.list{
  margin: 0rem;
  background-color: #ffffff;
  padding-left: 0rem;
  padding-right: 0rem;
}
.topnav {
  display:block;
}
.menu{
  display:none;
}

a.mob-menu-item{
  font-size: 0.8rem;
  font-weight: 200;
}
.state-header{
  display:none;
}

.projects-lab{

  padding-left: 1rem;
  padding-right: 1rem;
}
.projects .icon-items{
  margin-left:0;
  margin-right:0;
}
}

@media screen and (min-width: 320px) and (max-width: 578px){
  .press-release.projects.list {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .modal-content{
    width: 80%;
  }
  .thin-footer{
    padding: 20px;
    flex-direction:column;
    height: 300px;
  }
  .double{
    flex:1;
  }
  .footer-item{
    padding:10px;
  }
  .join-us-button{
    padding-left: 0rem; 
    padding-right: 0rem;
  }

  .title{
    flex-direction: column;
    text-align: center;
    padding-top: 3rem;
  }
  .title-bold{
    font-size: 1.7rem;
    font-weight: 400;

  }
  .beta-banner{
    display:none;
  }
  .beta{
    text-align:left;
    padding-left: 15px;
      color: #ffffff;
    font-size: 0.4rem;
    font-weight: 300;
    }
.projects h3{
    font-size: 2.5rem;
  }
  .projects.list h3{
    padding-top:0rem;
  }
  .projects-lab h3{
    padding-top:0rem;
  }
  .icon-row{
   display: flex;
   flex-direction: column;
   padding-top: 0rem;
   padding: 0rem 1rem;
 }
 .icon-items{
   padding-top: 4rem;
   margin-left:0;
   margin-right:0;
 }
 .m-1{
   display: flex;
   flex-direction: row;
 }
 .projects p{
   padding-bottom: 0rem;
 }
 .news{
  margin-left: 0%;
  margin-right: 0%;
 }
 .news-item{
   display: flex;
   flex-direction: column;
   justify-items: center;
   align-items: center;
   text-align: center;
   flex-wrap: wrap;
 }
 .thumbnail{
 padding-top: 1rem;
 text-align: center;
 }
.thumbnail  img{
 height: 200px;
  margin-left: 0rem;
}
 .text{
   justify-items: center;
   align-items: center;
   padding-left: 1rem;
   padding-right: 1rem;
 }
 .read-more{
   text-align:center;
 }
 .stay-in-touch{
   display: flex;
   flex-direction: column;
   
 }

 .stay-in-touch .contact-form{
   width: 100%;
   padding: 2rem 2rem;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   background-color:rgba(27, 138, 207, 0.089);
   }
   .stay-in-touch .image{
     display: none;
     background-color:rgba(27, 138, 207, 0.089);
     }
     .stay-in-touch .image img{
       width: 100%;   
 }
 .address{
  padding: 3rem 1rem;
  border: 0px solid rgb(2, 20, 31);
  /*background-color:rgba(27, 138, 207, 0.089);*/
  height:  100%;
  display: flex;
  flex-direction: column;
}
.address-col{
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align:center;
  height: 100%;
}
.address-col h3{
  padding-bottom: 2rem;
}
.bio{
  padding: 2rem 0rem;
  display: flex;
  flex-direction: column;
 
}
.bio .image{
  width: 100%;
}
.bio-desc{
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}
.bio-desc h4{
  text-align: center;
}
.bio-desc h6{
  text-align: center;
}
.accordion{
  text-align: center;
}
.pro-list{
  flex-direction: column;
  padding: 0;

}
.pro-list .icon-items{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}
.pro-list  .bio-desc h4{
  font-family: 'Roboto', sans-serif;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-weight: 200;
font-size:  2rem;
color: #1B8BCF;
text-align: center;
}

.pro-list button{
margin-top: 1rem;

}
p.guv{
  padding-bottom: 0rem; 
  padding-top:0rem;
}
.hero{
  justify-content: center;
  align-items: center;
  text-align:center;
  height:  40vh;
}
.hero p{
font-weight: 200;
padding-top: 0rem;
font-size: 0.8rem;
margin: 0 4%;
}
.guv{
  font-size:0.8rem;
}
.hero h3{
  font-size: 1.5rem;
  margin: 0% 4%;
padding-bottom:3rem;
padding-top:3rem;
}
#break{
  display:none;
}
.title-thin{
  text-align: center;
}
.title img{
  padding-left: 0rem;
}
.title h3{
  padding-left: 0rem;
}
.what-we-do{
  margin-left: 0;
  margin-right: 0;
}
.projects{
  margin-left: 0;
  margin-right: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom:0rem;
}
.projects.list{
  margin: 0rem;
  background-color: #ffffff;
  padding-left: 0rem;
  padding-right: 0rem;
}
.topnav {
  display:block;
}
.menu{
  display:none;
}

a.mob-menu-item{
  font-size: 0.8rem;
  font-weight: 200;
}
.state-header{
  display:none;
}

.projects-lab{

  padding-left: 1rem;
  padding-right: 1rem;
}
.projects .icon-items{
  margin-left:0;
  margin-right:0;
}
}