body {
	font-family: Source Sans Pro,Helvetica,Arial,sans-serif,Microsoft JhengHei;
}

.site-header p {
	font-family: Microsoft JhengHei;
}
.project-description .project-text-holder .project-text-inner h3{
	font-family: Cabin,Helvetica,Arial,sans-serif,Microsoft JhengHei;
}
a {
	color: #7dcfc6;
}

a:focus, a:hover {
	color: #7dcfc6;
}

.grid-item .project-description {
	background: hsla(0,0%,100%,.85);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Cabin,Helvetica,Arial,sans-serif,Microsoft JhengHei;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
}
.job-list-item {
    margin: 0px 0px 16px 0px;
    color: #242424;
    font-weight: 400;
}
.sub-text{
	color: #7a7a7a;
}

.btn-primary , .btn-primary:visited{
	background-color: #7dcfc6;
    border-color: #7dcfc6;
}

.btn-primary:hover {
	background-color: #5ab8ae;
    border-color: #5ab8ae;
}

.nav-footer a:hover, .nav>li>a:hover {
	color: #5ab8ae;
}
.e-mail {
	color: #555;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #44a399;
    border-color: #44a399;
}
.btn-primary.active.focus, .btn-primary.active:focus,  .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #44a399;
    border-color: #44a399;
}
.info a{
	color: #555;
}
.info span{
	color: #000;
	font-weight: bold;
}

@media (max-width: 767px){
    header{
        position: fixed;
        z-index: 50;
        background-color: #fff;
        width: 100%;
    }
    main{
       padding-top: 50px;
    }
}