body{
	color: #000000;
} 
.title {
	position: relative;
}
.title h1 {
    position: absolute;
    font-size: 80px;
    
    top: 20px;
    left: 100px;
}
.content-info {
	background: rgba(255, 255, 255, 0.8);
    padding: 20px;
}
.descriptions .ui-draggable {
	background-color: #f2f2f2;
}
.titles .ui-droppable {
	background-color: #00519c;
	font-family: 'bebas_neuebold';
	font-size: 40px;
	color: #ffffff;
	text-align: center;
	line-height: 2.6;
	
}
.descriptions .ui-draggable, .titles .ui-droppable {
	
	border-bottom: 1px solid white; 
	height: 90px;

}
.descriptions .ui-draggable {
    padding: 15px;
}
.modal {
    background: rgba(0, 0, 0, 0.75);
}
.modal-dialog {
    margin: 80px auto;
}
.modal-content {
    border-radius: 0;
    position: relative;
    background: transparent;
}
.close {
    position: absolute;
    top: -85px;
    right: 180px;
}
.title {
    position: relative;
}
.modal .title h2 {
    font-size: 70px;
    top: 43px;
    left: 97px;
    position: absolute;
    
}
.content-modal {
    background: #FFFFFF;
    padding: 20px;
    color: #000000;
}
.header {
    position: relative;
}
.header .close-modal {
    position: absolute;
    right: 20%;
    top: 35%
}