body {

    color:black;
    margin: 0;
    padding: 0;
    font-size: 16px;
    background: rgb(255,255,255); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to bottom right,rgb(255,255,255), rgb(169,169,169)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom right,rgb(255,255,255), rgb(169,169,169)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom right,rgb(255,255,255), rgb(169,169,169)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right,rgb(255,255,255), rgb(169,169,169)); /* Standard syntax */
   
   
}


html {
     min-height: 100%;
}

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


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

h2 {
    color:black;
    font-family: 'SignPainter';
    font-size: 1.75em;

    
}

h3 {
    color:black;
    font-family: 'SignPainter';
    font-size: 1em;
    
    
}

h4 {
    color:black;
    font-family: 'karmina-bold';
    font-size: 1em;
    line-height: 1.75em;
    text-align: left;
    padding: 2em;
}

p {
    color:black;
    font-family: 'karmina-bold';
    font-size: 1em;
    line-height: 1.75em;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

a {
    color:black;
    font-family: 'karmina-bold';
    font-size: 18px;
    background-color: transparent;
    padding-left: 10px;

}


a.one {
    color:white;
    font-family: 'karmina-bold';
    font-size: 18px;
    background-color: transparent;
    padding-left: 10px;
   

}

a.one:hover {
    color:rgb(238,42,123);
    
}



 
a.two {
    color:rgb(238,42,123);
    font-family: 'karmina-bold';
    background-color: transparent;
    padding-left: 10px;

}

a.two:hover {
    color:white;
}


a.control: {
    color:rgb(238,42,123);
}


a.control:hover {
    color:rgb(238,42,123);
}



#header {
    position: relative;
    width: 100%;
    height: 200px;
    z-index: 99;
   
}


#menu-left {
    left: 0px;
    position: fixed;
    width: 1000%;
    height: 30px;
    background-color: black;
    list-style-type: none;
    align-content: center;
    justify-content: left;
    text-align: left;
   
    
}



#menu-left li {
    line-height: 30%;
    z-index: 98;
    display: inline-block;
    color:rgb(65,15,178);
    text-indent: 30px;
  
    
}


#profilephoto{
    border-radius: 50%;
}
  
    
}
#SocialMedia a {
    background: none;
}
    
#logo{
   height:auto;
   width: 150px;
    margin-top: 45px;
    position: fixed;
    left: 50%;
    margin-left: -75px;
   

}


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


.img-responsive {
    padding-bottom: 20px;
    
    
}


#footer {
   position:absolute;
   display: inline-block;
   bottom:0;
   width:100%;
   text-align: left;
   
}



@media all and (min-width: 960px) {
    body{
        font-size: 24px;
        
    }
    
    .img-responsive {
    width: auto;
    height: 400px;
    display: inline-block;
        
}
 
  #menu-left li {
    font-size: 2em;
    display: inline-block;
    text-align: justify;
   
    
}

    
  #menu-right li {
    font-size: 2em;
    display: inline-block;
    text-align: justify;
   
}   


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

    
    .img-responsive {
    max-width: inherit;
    width: auto;
    height: 200px;
    display: inline-block;

    
}

    
    #menu-left li {
    padding-top: 20px;
   
}

a.two {
    
    font-size: 12px; 
    
    }
    
}


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

    #menu-left li {
        padding-top: 20px;
        
    }
    #menu-right li {
        display: block;
        width:auto;
        height: 20%;
        font-size: 1.5em;
        padding: 7%;
        text-align: right;
        margin-right: 30px;
        padding-top: 20px;
        
    }
    
    a.two {
    
    font-size: 12px; 
    
    }
    
    .img-responsive {
    width: 320px;
    height: auto;
    display: inline-block;
}