*{
    margin: 0;
    padding:0;
}
body{
    font-family:sans-serif;
    font-size:14px;
    height:100%;
    min-height: 100vh;
}
.container {
    display: table;
    width: 100%;
    height: 100%;
}
.col-left, .col-middle, .col-right {
/*    box-shadow: 2px 7px 13px rgba(208, 208, 208, 0.34);*/
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}
.col-left,
.col-right{
    width:20%;
    background:#9BC3D5;
}
.col-middle{
    width:60%;
}
.col-middle p {
    font-size: 17px;
    text-align: center;
    margin-bottom: 15px;
}
.col-middle .signature {
    margin-top: 40px;
    font-weight: bold;
    font-size: 16px;
}
.wrapper {
    padding: 20px;
}
.col-middle .wrapper {
    background:#ffffff;
}
@media only screen and (max-width:767px){
	.col-left,
	.col-right{
	    width:10%;
	}
	.col-middle{
	    width:80%;
	}
	.wrapper {
	    padding: 5px;
	}
}