@import "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css";

.menuText{
	text-align:center;
}

.menuBox{
	background-color: #aaaaaa;

}

.navbar{
	margin-bottom:0px;

}

.body{
	background-color:#fefefe;
}

.content{
	max-width:100%;
	max-height:100%;
	font-size:20px;
	text-align:justify;

}
@media (max-width: 1199px) {
.content{
	font-size:18px;
}
}
@media (max-width: 575px) {
.content{
	font-size:15px;
}
}

.box > .content{
	max-width:100%;
	max-height:100%;
	font-size:20px;
		position:  absolute;
	top: 10%;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
}

.box{
	position: relative;
	width: 100%;
	/* desired width */
}
.box:after{
		content: "";
	display: block;
	padding-bottom: 100%;

}

.contentText{
	vertical-align:center;
}

.container{
	padding-bottom:30px;
}

.maincontainer{
	padding-top:90px;
}

.contentHeader{
	text-align:left;
}
.headerImagePadder{
	padding:256px;

}
@media (max-width: 1199px) {
	.headerImagePadder{
	padding:160px;
	}
}
	@media (max-width: 767px) {
		.headerImagePadder{
		padding:96px;
		}
	}

		@media (max-width: 575px) {
			.headerImagePadder{
			padding:64px;
			}
		}

	.something {
    padding: 5px;
    @include media-breakpoint-up(sm) {
        padding: 20px;
    }
    @include media-breakpoint-up(md) {
        padding: 40px;
    }
}

body {
		font-family: Calibri, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	background:url("img/ep_naturalwhite.png")

}


.social-bar{

	        flex-flow: row nowrap;
	        justify-content: flex-start;

	        .navbar-nav {
	          flex-direction: row;

	          .dropdown-menu {
	            position: absolute;
	          }

	          .dropdown-menu-right {
	            right: 0;
	            left: auto; // Reset the default from `.dropdown-menu`
	          }


	        }

	        // For nesting containers, have to redeclare for alignment purposes
	        > .container,
	        > .container-fluid {
	          flex-wrap: nowrap;
	        }

	        .navbar-collapse {
	          display: flex !important;  // stylelint-disable-line declaration-no-important

	          // Changes flex-bases to auto because of an IE10 bug
	          flex-basis: auto;
	        }

	        .navbar-toggler {
	          display: none;
	        }

	        .dropup {
	          .dropdown-menu {
	            top: auto;
	            bottom: 100%;
	          }
	        }


}
.nav-item .nav-link{
		color: #ffffff !important;

}
.social-item {            padding-left: 5px;

	padding-right: 5px;
}
.audio{
	width: 150px;
	display:block;
	background-color: rgba(0,0,0,.2);

}

.embed-spotify-item{
	 padding-top: 10px;
		border-width: 0;
		height:90px;
		width:auto;
}