/* MODAL */
		
.modal {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 60;
	background-color: white;
	padding: 40px;
}

.modal.dark {
	background-color: #333;
}

.modal .closeIcon, .modal .closeIcon > i {
	font-size: 28px;
	color: rgba(0,0,0,0.33);
}

.modal .closeIcon > i:hover {
	cursor: pointer;
	color: #2a6496;
}

.modal.dark .closeIcon, .modal.dark .closeIcon > i {
	font-size: 28px;
	color: rgba(255,255,255,0.33);
}

.modal.dark .closeIcon > i:hover {
	cursor: pointer;
	color: #4395de;
}

.modal .video {
	display: block;
	text-align: center;
	margin-top: 40px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

[data-modal-target]:hover {
	cursor: pointer;
}

#social {
	position: absolute;
	bottom: 20px;
	width:100%;
	text-align: center;
}

#social > * {
	vertical-align: bottom;
}