@import url('https://fonts.googleapis.com/css?family=Roboto');
.navbar-inverse{
background: #F5F3EE!important;
}
.brief .brief-image-right img {
    float: right;
    width: 82%;
    height: 450px!important;
}article.page h1.single-title {
    font-size: 34px;
    font-weight: bold;
    font-family: 'Roboto';
    color: #3d3d3d;
    text-transform: none;
   letter-spacing: 1px;
    padding-top: 40px;
    margin-bottom: -40px;
}
/* CSS for overlay */
.popup-overlay {
    position: fixed; /* fixed it */
    top: 0; /* moves it to the top */
    width: 100%; /* makes it fullwidth */
    height: 100vh; /* makes it full height of the screen */
    z-index: -1; /* moves the section behind all the rest so it is not shown */
    justify-content: center; /* centers the row in the middle */
    align-items: center;  /* centers the row in the middle */
	  opacity: 0; /* hides the overlay */
	  overflow: hidden;
	  transition: opacity 0.4s ease-in-out; /* fades it in */
	  -moz-transition: opacity 0.4s ease-in-out;
	  -webkit-transition: opacity 0.4s ease-in-out;
}

/* CSS for overlay when shown */
.popup-overlay.show {
	  display: flex; /* flex as this allows us to center the row */
	  opacity: 1; /* shows the overlay */
    z-index: 99999; /* moves the overlay on top of all the other sections */
}

/* CSS X icon above the content */
.popup-overlay>.et_pb_row:after {
    display: block;
    content: "\4d"; /* Elegant themes icon code */
    font-family: ETmodules;
    position: absolute; /* makes the icon absolute to the parent */
    top: 0px; /* moves to top */
    right: 40px; /* moves to right */
    font-size: 40px;
    visibility: visible;
    color: #fff;
	  cursor: pointer; /* changes the cursor to be a pointer */
}