/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 2rem;
}

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

.navbar-nav {
margin: 0 0px 0 0px;
font-size: 1.0em;
}

.navbar-toggler {
margin: 10px 0px 0 0px;
}

/*nav toggle font size */
.nav {
margin: 0 0px 0 0px;
font-size: 1.1em;
}

/*navbar height */
.navbar-brand {
    height: 55px;
    padding-right: 5em;
}

.logo {
margin: 10px 0px 0 20px;
}

.home {
    height: 640px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/homebg1.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.home-text {
padding-top: 5.0em;
font-family: Palatino, 'Book Antiqua', Georgia, serif;
font-style: italic;
font-variant: normal;
color: #fff;
font-size: 30px;
font-weight:300;
}

.top-about {
    height: 330px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/about-bg-2.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.top-music {
    height: 330px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/music-bg.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.top-reviews {
    height: 330px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/reviews-bg-3.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.top-performances {
    height: 330px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/performance-bg-6.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.top {
padding-top: 1.6em;
font-size: 3.0em;
font-weight:400;
}

.cform {
margin: 50px 0px 0 0px;
font-size: 1.0em;
}

.foo {
text-align: center;
color: #000;
font-size: 0.7em;
}

p {
margin:10px 0
}

img.floatLeft { 
    float: left; 
    margin: 4px 10px 0 0; 
}

p.center { text-align: center; }

p.name-front {
margin:0px 10px 0px 0;
float: right;
font-size: 1.2em;
font-weight:400;
color: #F5F5DC;
font-style: italic;
}

p.contact {
margin:20px 0 20px 0;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.reviews-writer {
padding-top: 0em;
font-size: 1.0em;
font-weight:500;
color: #696969;
}

.form-control {
font-style:italic;
}

.perform-header {
text-align: left;
font-weight:600;
color: #696969;
font-size: 1.2em;
font-style: italic;
}

.music-text-top {
padding-top: 0em;
color: #696969;
font-size: 14px;
font-weight:400;
}

a.back-to-top {
color: #696969;
text-decoration:none;
font-size: 14px;
font-weight:400;
}

.fa-arrow-circle-up {
color: #696969;
text-decoration:none;
}


/* phone tabs ----------- */
@media only screen  and (max-device-width : 768px) {

.logo {
margin: 12px 0px 0 0px;
width: 250px;
}

.home-text {
padding-top: 1.3em;
color: #fff;
font-size: 24px;
font-weight:400;
}

.top {
padding-top: 1.8em;
font-size: 2.0em;
font-weight:400;
}

.top-about {
    height: 200px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/about-bg-2.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.about {
margin: -15px 0px 0 0px;
}

.top-music {
    height: 200px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/music-bg.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.top-reviews {
    height: 200px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/reviews-bg-5.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.top-performances {
    height: 200px;
    margin-bottom: 20px;
    background-color: #fff;
    background-image: url(../img/performance-bg-6.jpg);
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.img-fluid {
width: 100%;
}

}