/*
Main CSS for Online Bookstore
*/
/* 
    CIS 465 Multimedia
    Author     : Alex Demko
*/
/* For Home page slider */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto;
}
/* Controls */
.carousel-control.left,
.carousel-control.right {
    background-image: none;
}
/* Navigation bar specifications */
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    font-family: "optima";
    font-size: 12pt;  
}
/* For small screens */
.navbar .navbar-collapse {
    text-align: center;   
}
/* map wrapper specifications */
.map-wrapper {
    width: 100%;
    display: inline-block;
    position: relative;
}

.map-wrapper:after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

@media (max-width : 1200px) {
    .map-wrapper:after {
        padding-top: 75%;
    }
}

.map-wrapped {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/* body specifications */
body{
    padding: 0pt;
    margin: 0px;
    background-color: #f8f8f8; 

}
/* my main container specifications */
.container {
    background-color: white; 
    color: darkblue;
    font-family: "optima";
    font-size: 12pt;
    border: solid orange 1px;
    border-radius: 6px;
}
/* */
#copyright {
    text-align: center;
    color: black;
    font-size: 8pt;
    background-color: #f8f8f8;
}
/* h1 fornt position specifications */
h1 {
    text-align: center;
}