@font-face {
    font-family: Work Sans Light;
    src: url('/fonts/WorkSans-Light.ttf');
}
@font-face {
    font-family: Work Sans xLight;
    src: url('/fonts/WorkSans-ExtraLight.ttf');
}
@font-face {
    font-family: Work Sans Regular;
    src: url('/fonts/WorkSans-Regular.ttf');
}
.topnav {
    overflow: hidden;
    list-style-type: none;
    text-decoration: none;
    width:75%;
    margin: 0 auto;
}
.topnav a {
  float: left;
  text-align: center;
  padding: 14px 16px;
  font-family: 'Work Sans xLight';
  font-size: 25px;
  transition: transform .2s;
}
.topnav a:hover:nth-child(2n){
    transform: scale(1.1);
    color:#FF4093;
}
.topnav a:hover:nth-child(2n+1){
    transform: scale(1.1);
    color:#FF7F1D;
}
.topnav-right {
  float: right;
}
a:link{
    text-decoration:none;
    color:#3e3947;
}
a:visited{
    text-decoration:none;
    color:#3e3947
}
.links{
    text-align: center;

}
body, html {
  height: 100%;
  font-family: 'Work Sans xLight';
}

a {
  color: #3e3947;
  text-decoration: none;
}

img {
  max-width: 100%;
}
.footer{
    padding-bottom:15px;
}
.centered{
    margin: auto;
    width:100%;
    text-align:center;
}
.centeredText{
    text-align:center;
}
.projectImageFirstRow{
    width:100%;
    transition-duration: 0.4s;
}
@media (max-width: 1000px){.projectImageFirstRow{
    width:100%;
    margin-top:40px;
    }
}
.projectImageFirstRow:hover{
    transform: scale(1.1);
}
.projectImage{
    width:100%;
    margin-top:40px;
    transition-duration: 0.4s;
}
.projectImage:hover{
    transform: scale(1.1);
}

.serviceImage{
    height:100px;
    margin-bottom:25px;
}
.servicePadding{
    padding-top:5%;
}
.serviceHeading{
    margin-bottom:25px;
}
.topPadding{
    padding-top:2%;
}
.mediumPadding{
    padding-top:2%;
}
.allProjects{
    padding-top: 5vh;
    text-align: center;
    text-decoration: underline;
}
.projectRow{
    padding-left:250px;
    padding-right:250px;
}
.row{
    padding-left:25px;
    padding-right:25px;
    margin-bottom:50px;
}
@media (max-width: 800px){
    .topnav{
        display:none;
    }
}
@media (min-width: 800px){
    .mobileNav{
        display:none;
    }
}
.mobileNav{
    width:100%;
    margin:20px auto;
    text-align:center;
    margin-bottom:0px;
    transition-duration: 0.4s;
}
.mobiletext{
    padding-left:20px;
    padding-right:20px;
    font-size:25;
    transition-duration: 0.4s;
    width:30%;
}
.mobiletext:hover {
    transform: scale(1.5); 
}