.aside {
    float:left;
    width:300px;
    position: relative;
}
.aside::after {
    display:block;
    position:absolute;
    right: 0;
    height: 150px;
    width: 90px;
    bottom: 0;
    border:1px solid red;
    background-color: #000000;
}
.content {
    margin-left:350px;
}
.aside ul {
    list-style: none;
    position: relative;
}
.aside li {
    display:block;
    margin:5px 0;
    list-style: none;
}
.aside li a{
    display:block;
    padding:8px 5px;
}
.aside li a:hover, .aside li a.current{
    background-color: #eeeeee;
    color:#000000;
}
.list {
	position:relative;
	margin:0;
	padding:0;
	list-style: none;
}
.list-item {
	display:inline-block;
	width:33%;
	margin:0;
	padding:20px 20px 0;
	box-sizing:border-box;
}
.list-item img {
	width:100%;
	height:auto;
	box-shadow:0 0 7px rgba(0,0,0,.7);
}
.tech {
	position:relative;
	margin:0;
	padding:0;
	list-style: none;
	text-align: left;
}
.tech li {
	display:inline-block;
	width:130px;
	margin:0;
	padding:0px 20px 20px;
	box-sizing:border-box;
	text-align:center;
	vertical-align: top;
}
.tech img {
	width:100%;
	height:auto;
}
@media only screen and (max-width:800px){
	.list-item {width:49%;}
@media only screen and (max-width:500px){
	.list-item {width:100%;}
}