@font-face {
    font-family: 'montserratsemibold';
    src: url('montserrat-semibold-webfont.woff2') format('woff2'),
         url('montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'montserratmedium';
    src: url('montserrat-medium-webfont.woff2') format('woff2'),
         url('montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('montserrat-regular-webfont.woff2') format('woff2'),
         url('montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserratlight';
    src: url('montserrat-light-webfont.woff2') format('woff2'),
         url('montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#glint
{
    margin: auto;
    width: 100%;
    height: 650px;
    background-image: url("APES.jpg");
    background-position: center;
    background-size: cover;
}

html
{
    padding: 0;
    margin: 0;
}

body
{
    margin: 0;
    padding: 0;
    text-align: center;
}

#bgdiv
{
    z-index: -1;
    position: fixed;
    top: 0;
    bottom: 0;
    width:60%;
    min-width: 800px;
    left: 20%;
    background: rgb(240,240,240);
}

#contentContainer
{
    padding: 2rem;
    margin: auto;
    width: 60%;
    height: 100%;
    max-width: 900px;
    min-width: 800px;
    font-family: "montserratlight";
}
#theMeat, #brief
{
    margin: auto;
    width: 60%;
    margin-bottom: 3rem;

    text-align: justify;
    text-justify: inter-word;
  
}

h1
{
    text-align: center;
    font-size: 4rem;
}

.portrait
{
    width: 90px;
    height: 120px;
    margin: auto;
    margin-bottom: 10px;
    background-position: center;
    background-size: cover;
}

#faces
{
    display: inline-block;
    width: 100%;
    padding: 0;
    text-align: center;
}

.faceGroup
{
    display: inline-block;
    margin: auto;
    width:750px;
    margin-bottom: 30px;
}

.faces:first-child
{
  margin-bottom: 150px;
}

.faceBox
{
    text-align: center;
    list-style-type: none;
    list-style-position:inside;
    padding:1rem;
    width: 350px;
    margin: auto;
    padding:0;
    float: left;
    display: block;
}

.faceBox:first-child
{
  margin-right: 50px;
  margin-bottom: 50px;
}

.responsibilities
{
    margin: auto;
    margin-top: 20px;
    width: 290px;
    text-align: left;
    text-decoration: none;
}

#nathan
{
    background-image: url("Nathan.jpg");
}


#cameron
{
    background-image: url("Cameron.png");
}

#ricardo
{
    background-image: url("Ricardo.png");
}

#naim
{
    background-image: url("Naim.jpg");
}

.faceBox p
{
    font-size:1rem;
    margin: 0;
    margin-bottom: 0.5rem;
    width: 130px;
    margin: auto;
    margin-top: 10px;
}

.facebox a, .name
{
    font-family: "montserratsemibold";
    color: black;
    text-decoration: none;s
}

#links
{
    margin-top: 2rem;
    display: inline-block;
    text-align: left;
}

#links p
{
font-family: "montserratregular";
}

a
{
    margin-top : 1rem;
}

#copyright
{
    font-size: 0.75rem;
}