.grid {max-width: 69em;	list-style: none; margin: 10px auto; padding: 0;}
.grid li{display: block; float: left; padding: 7px;	width: 33%;}
#news-list .grid li{width: 50%;}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {}
.grid li a, .grid li img {outline: none; border: none; display: block;	width: 100%;}
.project-area .wrapper {
    overflow: hidden;
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}
.project-area .wrapper .overlay {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 250%;
    left: -200%;
    transition: .4s ease-out;
    -webkit-transition: .4s ease-out;
}
.project-area .wrapper .description {
    text-align: left;
    position: absolute;
    padding: 30px 50px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #cc6812;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: .5s ease-out;
    -webkit-transition: .5s ease-out;
}

.project-area a:hover .wrapper .description {
    opacity: .7;
    background-color: #f26532;
}

.project-area a:hover .wrapper.corp .description {
    opacity: .7;
    background-color: #454344;
}



.project-area .wrapper:hover .overlay {
    top: -18%;
}


.project-area .wrapper.corp:hover .overlay {
    top: -50%;
}

.project-area .wrapper .overlay .rectangle {
    position: absolute;
    display: block;
    width: 400%;
    height: 400%;
    background-color: #f26532;
    transform: rotate(45deg);
    opacity: .7;
}

.project-area .wrapper.corp .overlay .rectangle {
    position: absolute;
    display: block;
    width: 400%;
    height: 400%;
    background-color: #454344;
    transform: rotate(45deg);
    opacity: .7;
}

.project-area .center-div {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
    width: 0;
}
.project-area .wrapper .description .inner {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 99%;
}

.project-area .wrapper .description h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.project-area .wrapper .description h4 {
    color: #FFF;
    margin-top: 30px;
}
.grid li a, .grid li img {
    outline: none;
    border: none;
    display: block;
    width: 100%;
}


@media screen and (max-width:992px){
    .project-area a .wrapper .description {
        opacity: .7;
        background-color: #f26532;
    }
}

@media screen and (max-width:992px){
    .project-area a .wrapper.corp .description {
        opacity: .7;
        background-color: #454344;
    }
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {	-webkit-transform: translateY(200px); transform: translateY(200px);	-webkit-animation: moveUp 0.65s ease forwards;	animation: moveUp 0.65s ease forwards;}

@-webkit-keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	0% { }
	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}


@media screen and (max-width: 900px) {
	.grid li {width: 50%;}
}

@media screen and (min-width: 992px){
    .innercontent.news-overview {
       /* height: 100%;*/
    }
}

@media screen and (max-width: 400px) {
	.grid li, #news-list .grid li {width: 100%;	}
}

@media screen and (max-width:480px){
    .grid li  {
        width: 100% !important;
    }
}