html, body{
    height: 100%;
}
body{
    margin: 0;
    background-color: #D7D8D7;
    font-family: sans-serif;
}
#wrapper{
    display: grid;
    grid-auto-rows: min-content auto min-content;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 140px)) minmax(0px, 1fr);
    height: 100%;
}
header {
    grid-column: 2 / 8;
    grid-row: 1 / 2;
    min-height: 75px;
    
}
main{
    grid-column: 2 / 8 ;
    grid-row: 2 / 3;
    background-color: #333;
    grid-auto-rows: auto;
}
main.about{
    background-color: transparent;
}
footer{
    grid-column: 1 / 9 ;
    grid-row: 3 / 4;
    min-height: 75px;
}
nav{
    grid-column: 2 / 8;
    grid-row: 1 / 3;
    display:flex;
    align-items: center;
}
nav ul{
    list-style-type: none;
    display: flex;
    margin:0; padding:0;
    flex-wrap: wrap;
}
nav ul li a{
    padding: 1rem;
    display:block;
    font-size: 1.2rem;
}
nav a { text-decoration: none;
    color:#FFFFFF;
    padding: 1rem 0rem;
    display: block;
    text-align: center;
    transition: ease-out 0.5s;
}
nav a:hover{
    background-color: #b3b3b3;
}
li a{
    text-decoration: none;
    color: #000;
}
#header_wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#logo_wrap{
    padding-left:1rem;
    padding-top:.5rem;
}
@media only screen and (min-width: 468px){
.photoloc{
    margin: 0 !important;
}
#photo_wrap{
    display:grid;
    grid-auto-rows: auto;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    height: 100%;
    grid-gap: 0.5rem;
    padding: 0.5rem;
    box-sizing: border-box;
}
.photoloc_1, .photoloc_7, .photoloc_13, .photoloc_19, .box1{
    grid-column: 1 / 4;
    grid-row: 1 / 4;
    height: auto !important;
}
.photoloc_2, .photoloc_8, .photoloc_14, .photoloc_20, .photoloc_25{
    grid-column: 4 / 7;
    grid-row: 1 / 5;
    height: auto !important;
}
.photoloc_3, .photoloc_9, .photoloc_15, .photoloc_21, .box2{
    grid-column: 1 / 4;
    grid-row: 4 / 8;
    height: auto !important;
}
.photoloc_4, .photoloc_10, .photoloc_16, .photoloc_22, .photoloc_26{
    grid-column: 4 / 7;
    grid-row: 5 / 8;
    height: auto !important;
}
.photoloc_5, .photoloc_11, .photoloc_17, .photoloc_23, .box3{
    grid-column: 1 / 5;
    grid-row: 8 / 11;
    height: auto !important;
}
.photoloc_6, .photoloc_12, .photoloc_18, .photoloc_24, .photoloc_27{
    grid-column: 5 / 7;
    grid-row: 8 / 11;
    height: auto !important;
}
}
.photoloc{
    background-size: cover;
    background-position: center;
    height: 25vh;
    margin: 1rem;
}
.photoloc_1{
    background-image: url("images/Mountains/pexels-pixabay-417173.jpg");
}
.photoloc_2{
    background-image: url("images/Mountains/pexels-daniel-handl-3853501.jpg");
}
.photoloc_3{
    background-image: url("images/Mountains/pexels-eberhard-grossgasteiger-1366919.jpg");
}
.photoloc_4{
    background-image: url("images/Mountains/pexels-alexander-popovkin-12784538.jpg");
}
.photoloc_5{
    background-image: url("images/Mountains/pexels-s-migaj-747964.jpg");
}
.photoloc_6{
    background-image: url("images/Mountains/pexels-simone-defendi-12762122.jpg");
}
.photoloc_7{
    background-image: url("images/Forests/pexels-mali-maeder-142497.jpg");
}
.photoloc_8{
    background-image: url("images/Forests/pexels-artem-saranin-1547813.jpg");
}
.photoloc_9{
    background-image: url("images/Forests/pexels-pixabay-70365.jpg");
}
.photoloc_10{
    background-image: url("images/Forests/pexels-kelly-2696134.jpg");
}
.photoloc_11{
    background-image: url("images/Forests/forest4.jpg");
}
.photoloc_12{
    background-image: url("images/Forests/pexels-valeria-boltneva-61098.jpg");
}
.photoloc_13{
    background-image: url("images/Beaches/pexels-jonas-ferlin-1938032.jpg");
}
.photoloc_14{
    background-image: url("images/Beaches/pexels-melanie-wupperman-662994.jpg");
}
.photoloc_15{
    background-image: url("images/Beaches/beach4.jpg");
}
.photoloc_16{
    background-image: url("images/Beaches/pexels-pixabay-221471.jpg");
}
.photoloc_17{
    background-image: url("images/Beaches/pexels-pok-rie-130879.jpg");
}
.photoloc_18{
    background-image: url("images/Beaches/pexels-travis-rupert-1032650.jpg");
}
.photoloc_19{
    background-image: url("images/Stars/stars4.jpg");
}
.photoloc_20{
    background-image: url("images/Stars/pexels-matthew-ang-1327786.jpg");
}
.photoloc_21{
    background-image: url("images/Stars/pexels-pixabay-33688.jpg");
}
.photoloc_22{
    background-image: url("images/Stars/pexels-pixabay-355465.jpg");
}
.photoloc_23{
    background-image: url("images/Stars/pexels-rakicevic-nenad-1274260.jpg");
}
.photoloc_24{
    background-image: url("images/Stars/pexels-visit-greenland-360912.jpg");
}
.box1, .box2, .box3{
    word-wrap: normal;
}
.underline{
    text-decoration: underline;
}
.page_heading{
    border-bottom: 1px solid #aaa;
}
.box_wrap .box_img img{
    width: 100%;
}

.box_wrap{
    display:flex;
    gap: 1rem;
    flex-direction: column;
    margin-bottom: 2rem;
}
.box_wrap .box_desc{
    align-self: center;
}
@media only screen and (min-width: 768px){
    main{
        width: 100%;
    }
    .box_wrap{
        flex-direction: row;
    }
    .box_wrap .box_img img{
        width: 300px;
        margin-bottom:0;
    }
    .box_wrap.right .box_img{
        order: 10;
    }
}