.img{
  max-height:160px;
  max-width:100%;
  //border-radius: 10px;
}
.menu_button {
    background-image: url("images/menu.png") ;
    width: 512px;
}
        
.img_s{
  max-height:150px;
  max-width:80%;
  //border-radius: 10px;
}

.portrait {
    max-width: 100%;
}

body {
    font-family: 'Open Sans Condensed', sans-serif;
    text-align: center;
    font-size: 18px;
    // background-color: #C2B69F;
    color: #73040F;

    
}

#slideshow.img {
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
        //width: 100%;
        position: center;
        display: flex;
        align-items: center;
        max-height: 100%
        //height: 300px;
}

#slideshow > div { 
    position: absolute; 
    top: 300px; 
    left: 1px; 
    right: 1px; 
    bottom: 1px; 
}

#aboutMeBox {
    text-align: left;
    background-color: #F7E8CA;
    box-shadow: 10px 10px 5px #3E1B05;
    margin: 40px;
}

html {
    color: #73040F;
    // background-color: #C2B69F;
}
h1 {
    color: #73040F;
    font-size: 300%;
}

ol {
    text-align: left;
}

/* For width smaller than 800px: */
#banner {
    margin-left: auto;
    margin-right: auto;
    background-image: url('../images/background-med.jpg');
    width: 67%;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    height: 200px;
}


/* For width 800px and larger: */
@media only screen and (min-width: 800px) {
    #banner { 
        margin-left: auto;
        margin-right: auto;
        background-image: url("../images/background.jpg"); 
        width: 100%;
        //max-width: 1000px;
        background-size: contain;
        background-position: center top;
        //display: flex;
        align-items: center;
       
    }
}
/*

.thumbnail,.nav, .large-img, .crop-img{
  border-radius: 25px;
  padding-top:5px;
}

.thumbnail,.nav {
  box-shadow: 10px 10px 5px #888888;
*/
}