.content-section{padding-top:7.5rem;padding-bottom:7.5rem}

#social{padding-top:1em;}

#sidebar-wrapper {
    position: fixed;
    z-index: 2;
    right: 0;
    width: 250px;
    height: 100%;
    transition: all .4s ease 0s;
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    background: rgba(111,0,123,.75);
    border-left: 1px solid hsla(0,0%,100%,.1);
}

.bg-new-color {
    background-color: #e5e5e5!important;
}

#responsive-video {
	margin-bottom: 50px;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: 
	hidden; 
	max-width: 100%;
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

h1 {
	color: rgb(28,0,75);
	font-size: 110px;
}

h2 {
	color: rgb(28,0,75);
	font-size: 75px;
}

@media only screen and (max-width: 991px) and (min-width: 577px) {

	h2 {
		font-size: 60px;
		/* color: yellow; */
	}
}

@media only screen and (max-width: 576px) and (min-width: 491px) {

	h2 {
		font-size: 50px;
		/* color: green; */
	}
}

@media screen and (max-width: 490px) {

	h2 {
		font-size: 30px;
		/* color: grey; */
	}
	.content-section {
	    padding-top: 2.75rem;
	    padding-bottom: 2.5rem;
	}
	footer.footer {
	    padding-top: 1.75rem;
	    padding-bottom: 1.75rem;
	}
}