#public, #private, #both{
	margin-top:2%;
	font-family: 'Open sans', sans-serif;
	color: white;
	text-align:center;
	font-size: 1.1em;
	border: 1px dashed #f4ac42;
	height:385px;
}

#both, #public{
	margin-left: 0;
}

#private{
	margin-left: 3.8%;
	background-color: #cf4858;
}

#public{
	background-color: #16a79d;
}

#both{
	background-color: #73787B;
}

#public p, #private p, #both p{
	
	padding:3%;
	border-bottom: 1px dashed #f4ac42;
}


li {
	list-style-type: none;
}

#selectableStatements{
	font-family: 'Open sans', sans-serif;
	cursor: pointer;
	
}

#checkBtn{
	cursor: pointer;
}

#results {
	background-color: #cf4858;
	padding:1.8% 0 1.8% 0;
	margin-top: 2%;
}

#checkBtn, #results{
	text-align: center;
	font-family: 'Open sans', sans-serif;
	color:white;
	width:100%;
}

.ui-sortable-handle
{
	padding:2%;
   	background-color: #f4ac42;
    color:#32343a;
   	border-bottom: 1px dashed #16a79d;
  
}

/*venn diagram  test*/

.circle {
    float: left;
    width: 700px;
    height: 700px;
    border-radius: 350px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    line-height: 100px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: sans-serif;
    position: relative;
}
.one { background-color: blue; }
.two::before{ content: ''; position: absolute; left: 200px }
.two { background-color: rgba(255,0,0,0.5); margin-left: -220px; }