@font-face {
    font-family: Mga;
    src: url(../fonts/mga.ttf);
}
@font-face {
    font-family: GeBody;
    src: url(../fonts/gebody.ttf);
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/gotham.ttf);
}
body {
    background: url("../img/1.jpg") fixed, fixed center center;
    background-size: cover;
    padding: 50px 0;
    color: #3d3d3d;
    font-family: Gotham, sans-serif;
    font-weight: bolder;
}
.container {
    background-color: white;
    box-shadow: 0 0 15px rgba(0,0,0,1);
    padding: 20px 40px;
}
h1  {
    font-weight: bolder;
    font-size: 22px;
}
h3 {
    font-weight: bolder;
    font-size: 18px;
}
img {
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    width: 100%;
    height: auto;
}
.color-light {
    color: #969696;
}
.color-black {
    color: black;
}
p {
  margin-bottom: 4px;
}
ul li {
    margin-left: 15px;
    font-size: 15px;
}
.dash li:before {
    content:  "—";
    position: relative;
    left:     -5px;
    color: #969696;
}
.box {
    margin: 20px 0;
}
.portfolio-box {
    padding: 20px;
}
.portfolio-box p {
    text-indent: 20px;
    margin-top: 10px;
    font-size: 12px;
    color: #888888;
    text-align: justify;
}