.all {
	font-family: 'Roboto Slab', serif !important;
	overflow: hidden;
}

button {
	display: inline !important;
}

h1 {
	font-family: 'Roboto Slab', serif !important;
}

.lovetitle {
	font-family: 'Kalam', cursive;
}

.tsb {

}

.title {
	text-align: center;
	font-size: 400%;
	margin-bottom: 50px;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}
	@media (min-width: 551px) {
		.title {
			font-size: 550%;
		}
	}

.byline {
	margin-top: -50px;
	font-size: 150%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
	@media (min-width: 550px) {
		.byline {
			margin-top: -50px;
			font-size: 210%;
		}
	}
	@media (max-width: 550px) {
		.byline {
			margin-right: auto;
			margin-left: auto;
		}
	}

.desc {
	padding: 10px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
}
	@media (max-width: 550px) {
		.desc {
	/*margin-bottom: 70px;*/
		}
	}

.description {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
}
	@media (max-width: 550px) {
		.description {
		margin: 5px;
		}
	}

.playlist {
	margin-top: 11px;
	margin-bottom: 25px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
	@media (max-width: 900px) {
		.playlist {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
	}


.links {
	text-align: center;
}
	@media (max-width: 550px) {
		.links {
			font-size: 80%;
		}
	}

a {
	color: #0000cc;
}

.container {
	text-align: center;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

.pics {
	width: 300px;
	height: 300px;
}

.song {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

}
	@media (max-width: 550px) {
		.song {
			width: 350px;
			margin: 5px;
		}
	}

.well {
	
}

.spotify {
	margin-left: auto;
	text-align: center;
}

.player {
	text-align: center;
}

.modal-dialog {
	text-align: : center !important;
}

.modal-dialog{
	text-align: center;
   /* now you must set a margin left under zero - value is a half width your window */
   /* this same situation is with height - example */
   height: 500px;
   left: 0%;
   margin-top: -10px;
} 

@media (min-width: 768px) {
	.modal-dialog {
		left: 0% !important;
	}
}

/*.btn-default {
	margin-left: 400px;
}
	@media (max-width: 550px) {
		.btn-default {
			margin-left: 250px;
		}
	}
*/

.btn-default {
	margin-left: 15px;
	margin-right: 15px;
}

audio {
	margin-top: 10px;
	margin-bottom: 10px;
}

.love {
	/*green*/
    background-color: rgba(66, 224, 119, 0.12) !important;
    border-style: groove;
	border-radius: 5px;
	text-align: justify !important;
	margin-right: auto;
}

.lovehead {
	margin-left: 10px;
}

.undeniable {
	/*blue*/
	background-color: rgba(66, 159, 224, 0.12) !important;
	border-style: groove;
	border-radius: 5px;
}

.blue {
	background-color: rgba(66, 159, 224, 0.12) !important;
}

.green {
	background-color: rgba(66, 224, 119, 0.12) !important;
}

.undeniablehead {
	border-style: groove;
	border-radius: 5px;
	text-align: center;
	background-color: rgba(66, 159, 224, 0.12) !important;
	
}
	@media (max-width: 550px) {
		.intro {
			margin: 5px;
			padding: 10px;
		}
	}

.intro {
	padding-top: 15px;
}

.center {
text-align: center;
justify-content: center;
}

.youtube {
	margin-left: 0px;
}

.lovetext {
	text-align: justify;
	padding: 10px;
	font-family: 'Kalam', cursive;
}

.x {
	margin-right: -105px;
}

.modaltitle {
	margin-left: 11px;

}

.headpad {
	padding: 25px;
}

.transcript {
	text-align: justify;
}

.ts {
	display: inline;
	float: left;
}

.justify {
	text-align: justify;
}

.vertical {
	vertical-align: middle;
}

.admargin {
	margin-top: auto;
	margin-bottom: auto;
}

.releasedate {
	float: left;
}

.podcastdate {
	float: right;
}

.dates {
	margin-right: auto;
	margin-left: auto;
	width: 300px;
	margin-bottom: 4px;
}

	.introaudio {

}
	@media (max-width: 550px) {
		.introaudio {
		/*	margin-top: 70px;*/
		}
	}

.adspacing {

	height: 100%;
    padding: 5px;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.row {
	margin-left: auto;
	margin-right: auto;
}

.ad {

}
