CSS tweaks for embeds, videos and iframe

src/styles/_utils.sass

@@ -130,7 +130,6 @@
 	transform: translate(-50%, -50%)
 
 =input-generic
-	// padding: 5px 5px 5px 0
 	color: $color-text-dark
 	background-color: transparent
 
@@ -361,16 +360,15 @@
 
 =node-details-description
 	+clearfix
-	color: darken($color-text-dark, 5%)
+	color: $color-text
-	font:
+	font-size: 1.33em
-		weight: 300
-		size: 1.2em
-
 	word-break: break-word
 
 	+media-xs
 		font-size: 1.1em
 
+	/* Style links without a class. Usually regular
+	 * links in a comment or node description. */
 	a:not([class])
 		color: $color-text-dark-primary
 		text-decoration: underline
@@ -383,11 +381,6 @@
 		line-height: 1.5em
 		word-wrap: break-word
 
-	h1, h2, h3, h4, h5, h6
-		padding:
-			top: 20px
-			right: 20px
-
 	blockquote
 		background-color: lighten($color-background-light, 5%)
 		box-shadow: inset 5px 0 0 $color-background
@@ -408,10 +401,10 @@
 	img,
 	p img,
 	ul li img
+		@extend .d-block
+		@extend .mx-auto
+		@extend .my-3
 		max-width: 100%
-		padding:
-			bottom: 25px
-			top: 25px
 
 		&.emoji
 			display: inline-block
@@ -424,25 +417,13 @@
 			font-size: 1.5em
 
 	/* e.g. YouTube embed */
-	iframe
+	iframe, video
-		height: auto
-		margin: 15px auto
 		max-width: 100%
-		min-height: 500px
+		@extend .mx-auto
-		width: 100%
 
-	+media-sm
+	.embed-responsive,
-		iframe
+	video
-			min-height: 314px
+		@extend .my-3
-	+media-xs
-		iframe
-			min-height: 314px
-
-	iframe[src^="https://www.youtube"]
-		+media-xs
-			iframe
-				min-height: 420px
-		min-height: 500px
 
 	iframe[src^="https://w.soundcloud"]
 		min-height: auto
@@ -570,9 +551,7 @@
 
 /* Bootstrap's img-responsive class */
 =img-responsive
-	display: block
+	@extend .img-fluid
-	max-width: 100%
-	height: auto
 
 /* Set the color for a specified property
  * 1: $property: e.g. background-color

src/styles/components/_jumbotron.sass

@@ -3,7 +3,10 @@
 	@extend .d-flex
 	@extend .mb-0
 	@extend .rounded-0
-	background-size: cover
+	background:
+		position: center
+		repeat: no-repeat
+		size: cover
 	margin-bottom: 0
 	padding-top: 10em
 	padding-bottom: 10em