body{font-size:9pt; font-family: Arial; color: #808080; overflow-y:scroll;}
a{color: #808080;}
a:hover{ text-decoration: none; color:#000;}
button:focus{outline:none;}
.font-75 {font-size: 7.5pt;}
.font-8 {font-size: 8pt;}
.font-85 {font-size: 8.5pt;}
.font-10 {font-size: 10pt;}
.font-95 {font-size: 9.5pt;}
.text-4 {color: #444444;}

.my-lg-10{padding-top:90px; padding-bottom:90px;}

.menu {list-style: none; margin: 0; padding:0; font-size:0;}
.menu li {display:inline-block; position:relative; padding:0 0 0 20px;}
.menu li a {font-size:10pt; text-transform:uppercase; display:block;}
.menu > li:hover > a, .menu > li.active > a{color:#000;}

.projects{}
.projects ul{margin:0 -6px; padding:0; list-style:none; overflow:hidden;}
.projects ul li{float:left; width:172px; margin:12px 6px;}
.projects ul li img{width:100%; height:115px; border:1px solid transparent; margin-bottom:3px;}
.projects ul li img:hover{border:1px solid #000;}
.projects ul li p{margin-bottom:0;}

@media (min-width:992px) {
/*.container{max-width:940px;}*/
	.container{max-width:1122px;}
}
@media (max-width:1199.98px) {

}
@media (max-width:991.98px) {
.projects ul li{width: 163px;}
.projects ul li img{object-fit:cover;}
}
@media (max-width: 767.98px) {
.snav{vertical-align:middle; background:none; border:none; padding:0; margin:0; line-height:0; width:25px; cursor:pointer; z-index: 998; position: relative;}	
.snav i{display:block; background:#000; height:3px;}
.snav i+i{margin-top:4px;}
.snav.openbtn i:nth-child(1){
-moz-transform: rotate(45deg) translateX(5px) translateY(5px);
-webkit-transform: rotate(45deg) translateX(5px) translateY(5px);
-o-transform: rotate(45deg) translateX(5px) translateY(5px);
-ms-transform: rotate(45deg) translateX(5px) translateY(5px);
transform: rotate(45deg) translateX(5px) translateY(5px);
}
.snav.openbtn i:nth-child(2){opacity:0;}
.snav.openbtn i:nth-child(3){
-moz-transform: rotate(-45deg) translateX(5px) translateY(-5px);
-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
transform: rotate(-45deg) translateX(5px) translateY(-5px);
}

.menu{position:absolute; right:15px; z-index:111; top: 34px; width: 210px; background: #FCFCFC; padding: 0; display:none;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}
.menu li{padding: 5px 15px; display:block;}
.menu li a{line-height:normal;}
.menu li ul{position:relative; text-align: right; display:block; padding:0; background:none;}
.menu li li{padding:0;}
.menu li li a{line-height: normal; font-size: 12px; padding: 5px 0;}

.my-lg-10{padding-top:30px; padding-bottom:30px;}
.projects ul li{width: 162px;}
}
@media (max-width: 575.98px) {
.projects ul{margin: 0 -1.5%;}	
.projects ul li{width: 47%; margin-left: 1.5%; margin-right: 1.5%;}	
}