style.css

		iframe {
			width: 100%;
			height: 1200px;
			border: 0;
			padding-top: 20px;
		}

		.logo {
			width: 35px;
			height: 35px;
		}

		li.nav-item {
			padding: 0 10px;
		}

		.video-selector {
			font-size:20px;
			float: left;
			margin-right: 10px;
			/* margin-left: 15px; */
		}

		.editor {
			margin-top: 2rem;
		}

		.modal-header {
			padding: 0.4rem 1rem !important;
		}

		.modal-body {
			padding: 0 1rem !important;
		}
		.mediaPlayer {
			border: 1px dotted #cfcfcf;
			float: left;
		}

		.embedPreview {
			font-size: 0.7em;
	    	padding: 0.4em 0.6em;
	    	min-height: 6em;
		}

		.thumbPreview {
			border: 1px dotted #cfcfcf;
			float: left;
		}

		.video-thumbnail {
		  position: relative;
		  display: inline-block;
		  cursor: pointer;
		  margin: 30px;
		}

		.overlay {
		  position: absolute;
		  bottom: 0;
		  left: 0;
		  right: 0;
		  height: 100%;
		  width: 100%;
		  opacity: 1;
		  text-align:center;
		 }

		.overlay i
		{
		  color:#fff;
		  top: 40%;
		  transform: translate(-50%,0);
		  position: absolute;
		  font-size:70px;
		  opacity: 0; /* will show only once thumbnail is selected */
		 }

		/* Bootstrap styling overrides */

		.jumbotron {
			padding: 2rem 2rem 1rem 2rem !important;
		}

		.row {
			margin-top: 1rem;
		}

		.display-4 {
			font-size: 3rem !important;
		}

		.navbar-brand {
			font-size: 1rem !important;
		}