/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    body{ width: 100%;
        overflow: auto;
    }

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
body{ width: 100%;
    overflow: auto;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
body{ width: 100%;
    overflow: auto;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	body{ width: 100%;
    overflow: auto;
    }
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 
body{ width: 100%;
    overflow: auto;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	body{ width: 100%;
    overflow: auto;
    }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	body{ width: 100%;
    overflow: auto;
    }
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}


#body{
    background-image: url(../images/background.gif)
    
}

#container {
    width: 62%;
    /* Change this value to customize the content area*/
    margin: auto;
    word-break: keep-all;
    background-color: #050900;
    box-shadow: 6px 6px 14px 6px #443A3A;
    -webkit-box-shadow: 6px 6px 14px 6px #443A3A;
}
#carousel-slide {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #122303;
}

#art {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: left;
    color: #FFFFFF;
    padding: 20px;
    font-style: normal;
    font-weight: 400;

    }

h3 {
    color: navajowhite;
} 
#spacer {
    align-self: center;
    padding-left: 40%;
    padding-right: 40%;
    height: auto;
    width: auto;
    
    
}

#footer {
    position: inherit;
    left: 0;
    bottom: 10;
    height: auto;
    width: auto;
    color: navajowhite;
    background-color: #122303;
    padding: 16px;
    font: 15px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: center;
}