.tricky-shaded-sidebar {
	padding: 0; padding-top: 2em; margin: 0;
	background-image: -webkit-linear-gradient(left, 
		#C0C0C0 0%, #C0C0C0 16.67%, #eeeeee 16.67%, #eeeeee 100%);
	background-image: -moz-linear-gradient(left, 
		#C0C0C0 0%, #C0C0C0 16.67%, #eeeeee 16.67%, #eeeeee 100%);
	background-image: -o-linear-gradient(left, 
		#C0C0C0 0%, #C0C0C0 16.67%, #eeeeee 16.67%, #eeeeee 100%);
	background-image: linear-gradient(left, 
		#C0C0C0 0%, #C0C0C0 16.67%, #eeeeee 16.67%, #eeeeee 100%);
}

.tricky-square-box{
    position: relative;
    width: 60%;
    overflow: hidden;
    margin-left: 20%;
    margin-top: 2em;
}
.tricky-square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.tricky-square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.tricky-square-content div {
   display: table;
   width: 100%;
   height: 100%;
}
.tricky-square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
}