:root{

	--maincolor:#fff;

	--fontfamily:'Lato', sans-serif;

	--fontcolor:#574438;

}

body,html{font-size:16px;padding:0;margin:0;}



body{background-color:var(--maincolor);font-family:var(--fontfamily);color:var(--fontcolor);}
.site-construction{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;position:relative;}
.site-construction img{max-height:100px;}
.site-construction .site-desc{text-align:center;padding:40px;}
a{text-decoration:none;color:var(--fontcolor);}
.site-contact .icons{display:inline-block;width:30px;}
.site-contact li{margin:0 0 20px 0;}
ul,li{list-style:none;padding:0;margin:0;}





.site-portfolio{width:100%;height:calc(100vh - 50px);}
.site-client{width:100%;height:200px;}

.site-portfolio-holder,.site-portfolio-nav{width:50%;margin:auto;}

.site-portfolio-holder img{width:100%;height:100%;}

.site-portfolio-nav{margin-top:20px;}

.site-portfolio-nav img{width:100%;}

.view-portfolio{position:absolute;bottom:0;text-align:center;cursor:pointer;}

.view-portfolio{animation: moveUpDown 2s ease-in-out infinite;}

.site-portfolio-client ul{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;}
.site-portfolio-client ul > li{width:calc(100%/7);text-align:center;margin:0 0 50px 0;}
.site-portfolio-client ul > li img{max-height:60px;max-width:150px;}
.site-expertise{font-size:0.875rem;padding:20px 0 50px 0;}

@media (max-width:600px){
.site-portfolio-client ul > li{width:calc(100%/2);text-align:center;margin:0 0 50px 0;}	
}

@keyframes moveUpDown {

  0%, 100% {

	bottom:40px;

  }

  50% {

    bottom:60px;

  }

  100% {

	  bottom:40px;

  }

}