@charset "utf-8";

.band-text {
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 20px;
}
.band-masthead {
    margin-top: 20px;
}
.band-sponsors {
    background-color: #FFFFFF;
    margin-top: 15px;
    text-align: center;
}

.band-footer {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #F1B821;
    margin-top: 20px;
    color: #003D7B;
    font-weight: 500;
    margin-bottom: 20px;
}
.navbar-nav.mr-auto .nav-item .nav-link {
    color: #003d7b;
    font-weight: 500;
    background-image: url(url);
}
.band-buttons {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url(images/blue-cloud-lighter.png);
    text-align: center;


}
.img-padding {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar.navbar-expand-lg.navbar-light.bg-light #navbarSupportedContent1 .navbar-nav.mr-auto a:hover {
    color: #E7AA0A;
    font-weight: bold;
}
.inner-sponsors {
    background-size: cover;
    text-align: center;
    background-image: url(images/blue-cloud-lighter.png);
}
.inner-sponsors-image {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0 0px;
    box-shadow: 0 0px;
}

.mag-box {
    padding-top: 5px;
    padding-bottom: 35px;
    -webkit-box-shadow: 0 0px;
    box-shadow: 0 0px;
}

.video-container { 
	position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; 
}


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


.img-flt-left{
	float:left;
	margin:8px		
}

.img-flt-right{
	float:right;
	margin:10px
}

.photo-padding {
    padding-top: 20px;
    padding-bottom: 5px;
    -webkit-box-shadow: 0 0px;
    box-shadow: 0 0px;
}

.iframe-container{
		overflow: hidden;
		padding-top: 56.25%;
		position: relative;
	}	
	
	.iframe-container iframe {
		border: 0;
		height: 100%
		left: 0;
		postion: absolute;
		top: 0;
		width: 100%
	}

iframe {
	max-width: 80% !important;
	max-height: 80% !important;
}

.dropshadow
	{width:200px;
	box-shadow: 5px 5px 5px #999;}


/*Tablet View*/
@media (min-width: 401px) and (max-width: 768px){


}

/*Mobile View*/
@media (max-width: 400px){
}
.center-block {
}
.flt-left {
}
.img-left {
}