/* ==============================styles for the task menu ==============================================================*/

.content-task-summary section {
	padding-top: 30px;
}

.content-task-summary .sidebar li {
	margin-bottom: 10px;
}

/* =========================== end of the task menu ===========================*/
/* =========================== beginning of the task page =====================*/
.task_wrapper{
	width:100%;
	background-color:#fff;
}
.task_wrapper .task_title{
	float:left;
	width:44%;
	padding:25px;
	position: relative;
    left: 19%;
	top: -35px;	
}
.task_wrapper .task_title h1 {
	padding-bottom:0;
}
.task_wrapper .entry-logo{
    float: left;
    width: 350px;
    border: 5px solid #000316;
    padding: 30px 38px 22px;
    position: relative;
    left: 17.5%;
    bottom: 0px;
	margin-bottom: 20px;
}
.cont_task {
  position: relative;
  height: 200px;
  width: 800px;
  transform-style: preserve-3d;
  perspective: 1000px;
}

.task_box {
  position: absolute;
  border: 7px solid;
}

.task_a {
  border-color: red;
  height: 100px;
  width: 700px;
  padding: 30px;
}

.task_b {
  height: 100px;
  width: 300px;
  border-color: royalblue;
  padding:30px;
  bottom: 40px;
  right: -40px;
   transform: rotateY(-0.5deg); 
}
.task-inner {
	order: -1;
	flex: 1 0 30%;
}
body.single-task .task_wrapper {
	height: inherit;
display: inline-block;
}

@media only screen and (max-width: 980px) {
	.task_wrapper .task_title {
		width: 80%;
		left: 10%;
	}
	.task_wrapper .entry-logo {
		left: 14%;
		bottom: 55px;
		margin-bottom: 0px;
	}
}