@font-face {
    font-family: scalaSans;
    src: url("./ScalaSans.ttf");
}

body {
    min-width: 355px;
}

#workers-wrapper{
  margin-top:50px;
}
.worker-img{
  width:150px;
  height:150px;
}
.img-circle {
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

#logo-text, #headerTitle, #headerText{
	color:white;
}

#logo-text{
	font-family: scalaSans;
}

#headerTitle, #headerText {
	font-family: 'Helvetica', Helvetica, sans-serif;

}

.list-title{
	font-size: 1.35em;
}

.subtitle , .list-desc{
	color: #7F7F7F;
}

.background-logo{
	position:absolute; 
	z-index:-1;
	width: 30%;
	left: 73%;
	margin-top:5%;
	margin-left: -37.5%;
	opacity: 0.72;
    filter: alpha(opacity=72); /* For IE8 and earlier */
}

.block-wrp{
	height:500px;
}

.jobs-wrp{
	height:300px;
  margin-top:150px;
}

.img-overlay {
    position: relative;
    background-image: url("GI_Logo.png");
    background-position:center;
}

.btn{
  border-radius: 0 !important;
  color: #0098C3;
  background: #fff;
  border: 2px solid #0098C3;
  font-weight: bold;
  @include button-variant($color, $background, $border);
  // override the default darkening with lightening
  &:hover,
  &:focus,
  &.focus,
  &:active,
  &.active,
  .open > &.dropdown-toggle {
    background-color: lighten(background, 20%); //10% default
    border-color: lighten(border, 22%); // 12% default
 }
}
.btn:hover{
	color:#fff;
	background:#0098C3;
	font-weight: bold;
}