body {

    color:white;
    margin: 0;
    padding: 0;
    font-size: 16px;
    background: rgb(65,15,178); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgb(35,104,211), rgb(65,15,178)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(35,104,211), rgb(65,15,178)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(35,104,211), rgb(65,15,178)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(35,104,211), rgb(65,15,178)); /* Standard syntax */
   
}



@font-face {
    font-family: 'SignPainter';
    src:url('fonts/SignPainter-HouseScript.ttf');
    font-weight: normal;
    font-style: normal;
}



#header {
    position: relative;
    width: auto;
    height: auto;
    z-index: 1;
   
}

#menu {
    position: fixed;
    width: 100%;
    height: 10%;
    background-color: white;
    display: inline-block;
    text-align: center;
    list-style-type: none;
}

#menu {
    text-align: left;
    min-width: 500px;
    padding-right: %;
    padding-left: 5%;
    padding-top: 3%;
    top: 0;
    font-size-adjust: auto;
}

#menu:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#menu li {
    display: inline-block;
    line-height: 100%;
    top: 0;
    font-size: 2em;
    margin-right: 5px;
}


div.c-wrapper{
    width: 80%; /* for example */
    margin: auto;
}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
width: 100%; /* use this, or not */
height: 50%;
margin: 0 auto;
}

.carousel .item img {
    max-height: 768px;
    width: auto;
    height:auto;
}

.carousel-caption {
    position: relative;
    left: auto;
    right: auto;
}

.JennChase {
    
    position: fixed;
    right: 40px;
    top: 4%;
}

.logo {
    
    margin: auto;
    margin-top: 11%;
    width: 30%;
    height: auto;
    
}


div {
    font-family: 'SignPainter';
}

@media all and (min-width: 960px) {
    body{
        font-size: 18px;
    }
}
 
@media all and (max-width: 959px) and (min-width: 600px) {
    body{
        font-size: 16px;
    }
}
 
@media all and (max-width: 599px) and (min-width: 320px) {
    body{
        font-size: 12px;
        
    }
 
}

h1 {
    color:white;
    text-align: center;
    font-size: 4em;
    font-family: 'SignPainter';
}

h2 {
    color:white;
    font-family: 'SignPainter';
    font-size: 2.618em;
    
}

h3 {
    color:white;
    font-family: 'SignPainter';
    font-size: 1.75em;
    
}

h4 {
    color:white;
    font-family: 'karmina-bold';
    font-size: 1em;
    line-height: 1.618em;
}

p {
    color:white;
    font-family: 'karmina-bold';
    font-size: 1em;
    line-height: 1.618em;
}

a {
    color:rgb(65,15,178);
    font-family: 'SignPainter';
    font-size: 1.5em;
    background-color: white;
    padding-right: 20px;

}