/*CSS Styling for Body of Page*/
body {
    background-color: #EAECEF;
    font-family: 'Slabo 27px', serif;
    font-family: 'Lato', sans-serif;
}

/*CSS Styling for Jumbotron*/
.myjumbotron {
    background-color: #EAECEF;
}

/*CSS Styling for Hovering over Nav*/
.mynav:hover {
    color: #EAECEF;
    background-color: #7F4BBE;
}

/*CSS Styling for Hovering over Active Nav*/
.myactivenav:hover {
    background-color: #7F4BBE;
    color: #EAECEF;
}

/*CSS Styling for Header*/
.myheader {
    height: 100%;
}

/*CSS Styling for Active Footer Text*/
.footer a {
    color: #180055;
}

/*CSS Styling for Active Carousel Header Text*/
.mycarouselheader a {
    color: #EAECEF;
}

/*CSS Styling for Carousel Caption*/
.carousel-caption {
    background-color: #EAECEF;
    color: #7F4BBE;
}

/*CSS Styling for Carousel Caption H4 Text*/
.carousel-caption h4 {
    color: #7F4BBE;
}

/*CSS Styling for Carousel Caption Paragraph Text*/
.carousel-caption p {
    color: #3C3F43;
}

/*CSS Styling for Header Image*/
.myheaderimage {
    width: 100%;
    height: 100%;
}

/*CSS Styling for Slide in Carousel*/
.myslide {
    padding-left: 0px;
    padding-right: 0px;
}

/*CSS Styling for Image in Slideshow*/
.myslideimage {
    background-color: gray;
    width: 100%;
    height: 100%;
}

/*CSS Styling for Gallery*/
.mygallery {
    background-color: gray;
    padding-left: 0px;
    padding-right: 0px;
}

/*CSS Styling for Image in Gallery*/
.mygalleryimages {
    background-color: gray;
    width: 100%;
    height: 100%;
}

/*CSS Styling for Border*/
.myborder {
    border: 1px #7F4BBE solid;
}

/*CSS Styling for Padding Fix*/
.mypaddingfix {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/*CSS Styling for Page Footer*/
.page-footer {
    background-color: #8772a2;
}