* {box-sizing: border-box;}



header {text-align: center;
        height: 50px;
        font-family: georgia, serif, sans-serif;
        font-style: oblique;
        box-shadow: none; }



/*picture and video pages*/
#picture { background-color: #C9D0D3;
        /*display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;*/ }


.img-container {margin: 2em; 
                max-width: 150px;
                max-height: 150px;
                box-shadow: 10px 10px 5px #777777;}

.instalogo { float: left;}


/*all pages*/
.nav1 { font-size: 1.2em;
        margin: auto;
        overflow: auto;
        width: 80%;}

.nav1 a { text-decoration: none; }

.nav1 a:link { color: #000000; }

.nav1 a:hover { color: blue;}

nav ul { display: flex;
            flex-direction: row;
            justify-content: space-around;
                padding-top: 5em;
                padding-bottom: 2em;}

nav li { display: inline;
            border: 2px solid black;
            border-radius: 5px;
            padding: .5em; }

.div1 { margin: auto;
        overflow: auto;
        width: 80%;
        padding: 2px ;}

footer { text-align: center;
        font-size: 1em;
        padding: 1em;
        background-color: #C9D0D3; }

footer h3 {font-style: italic;
        font-size: .70em;}

/*picture and video pages*/

.grid-container { display: grid;
                grid-template-columns: auto auto auto auto;
                padding-left: 3em; }

.gallery-img { width: auto;
                height: auto;}

.gallery-img a:hover  { border: none;}