@charset "utf-8";
/* CSS Document */



@font-face {
    font-family: "OpenSansLight";
    font-style: normal;
    font-weight: normal;
    src: url("webfonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/OpenSans-Light-webfont.woff") format("woff"), url("webfonts/OpenSans-Light-webfont.ttf") format("truetype"), url("webfonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
}
@font-face {
    font-family: "OpenSansRegular";
    font-style: normal;
    font-weight: normal;
    src: url("webfonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/OpenSans-Regular-webfont.woff") format("woff"), url("webfonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("webfonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
}
@font-face {
    font-family: "OpenSansSemibold";
    font-style: normal;
    font-weight: normal;
    src: url("webfonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/OpenSans-Semibold-webfont.woff") format("woff"), url("webfonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("webfonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold") format("svg");
}
@font-face {
    font-family: "Socialico";
    font-style: normal;
    font-weight: normal;
    src: url("webfonts/Socialico.eot?#iefix") format("embedded-opentype"), url("webfonts/Socialico.woff") format("woff"), url("webfonts/Socialico.ttf") format("truetype"), url("webfonts/Socialico.svg#Socialico") format("svg");
}
@-moz-keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fade-in {
    animation: 1s ease-in 0s normal forwards 1 fadeIn;
    opacity: 0.7;
}
.fade-in.one {
    animation-delay: 0.3s;
}
.isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope .isotope-item {
    transition-property: transform, opacity;
}

}
@media screen and (max-width: 720px) {
.roles {
    font-size: 20pt;
}
nav {
    background-color: #000000;
    height: 90px;
    margin: 0;
    text-align: center;
    width: 100%;
    z-index: 100;
}
nav #logo {
    padding: 20px 0 10px;
    text-align: center;
    width: 100%;
}
.nav {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
nav ul {
    margin-top: 0;
    text-align: center;
    width: 100%;
}
nav ul li a {
    margin: 5px 8px 0;
    padding: 5px 0;
}
.navlinks {
    color: #FFFFFF;
      font-family: "freight-sans-pro",sans-serif;
	   font-weight:400;
    font-size: 9pt;
    letter-spacing: 1px;
margin-left:5px;
	padding-top:7px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
	float:left;
}


}