.top-bar-section ul li.here a {
color: #777777;

}

.img-responsive{display: block;
    max-width: 100%;
    width:100%;
    height: auto;}

.forty-padding{padding:40px;}
.center-text{text-align: center;}
.justify-text{text-align: justify;}

hr {
  border: solid #777777;
  border-width: 2px 0 0;
  clear: both;
  margin: 0rem;
  height: 0;

   }
a {
    color: #444;
}
a:hover, a:focus {
    color: #777;
}

button, .button {
    background-color: #777;
    border-color: #000;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #444;
}

p {
    font-family: "New Peninim MT", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "New Peninim MT", Helvetica, Arial, sans-serif;
    }
.princessbg{
    background: #000;
    }
.padding48{
    padding-left: 48px;
    padding-right: 48px;
    }
@media only screen and (min-width: 850px)
.contain-to-grid .top-bar {
    max-width: 98%;
}
.top-bar{
    background: #000;
    padding-left: 33px;
    padding-right: 33px;
    }
.top-bar-section ul{
    background: #000;
    }
.top-bar-section li:not(.has-form) a:not(.button){
    background: #000;
    }
.top-bar-section li:not(.has-form) a:not(.button):hover{
    background: #000;
    }
.top-bar-section ul li.here a {
    color: #fff;
}
.top-bar-section ul li a {
    color: #fff;
}
.top-bar-section li:not(.has-form) a:not(.button):hover{
    color: #ccc;
}
    
.top-bar .name {
    padding-left: 10px;
}
    
.top-bar .name h1 {
    line-height: 80px;
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
}
.top-bar .name h1 a {
    color: #fff;
}
    
.top-bar .toggle-topbar a {
    color: white;
    }
.top-bar .toggle-topbar.menu-icon a {
    color: white;
    }
.top-bar .toggle-topbar.menu-icon a::after {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    width: 16px;
    top: 0;
    height: 0;
    box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white;
    }
.footer-bottom {
    width:100%;
    font-size: 10px;
    text-align: center;
    background-color: #000;
    padding-top: 10px;
    padding-bottom: 250px;
}
.footer-bottom a{
    font-size: 40px;
    color: #fff;
}
.footer-bottom a:hover{
    font-size: 40px;
    color: #ccc;
}
    
    .princessbg h1{
    color: #fff;
} 
    .princessbg h2{
    color: #fff;
} 
    .princessbg h3{
    color: #fff;
} 
    .princessbg h4{
    color: #fff;
} 
    .princessbg h5{
    color: #fff;
} 
    .princessbg h6 {
    color: #fff;
}

.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%; }

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 40em) { 
    .mj-smallener{
        padding: 0rem 0rem;
    }
}

@media only screen and (min-width: 40.063em) {
    .mj-smallener{
        padding: 0rem 2.6rem;
    }
}

@media only screen and (min-width: 64.063em) {
    .mj-smallener{
        padding: 0rem 6rem;
    }
}