body {
margin: 0px;
background-color: #ffffff;
font-family: 'Lato', sans-serif;
}

#menu{
position: absolute;
right:0px;
top:0px;
height: 200px;
width: 200px;
}



#top_bar{

height: 50px;
width: 300px;
background-color: #555555;
color: #ffffff;
}

#menu_text{
display: none;
margin-top: 50px;
/* 
padding-right: 40px;
padding-top: 10px;
 */
height: 100%;
width: 100%;
background-color: #000000;
color: #555555;
text-align: right;
}


#insta_icon{
width: 22px;
height: 22px;
/* 
position: absolute;
right:55px;
top:5px;
 */
}

#menu_icon{
width: 30px;
height: 30px;
position: absolute;
right:10px;
top:5px;
}
a.menu_link:link {
    text-decoration: none;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
        font-size: 12pt;
}

a.menu_link:visited {
    text-decoration: none;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 12pt;
}

a.menu_link:hover {
    text-decoration: underline;
        color: #ff5555;
        font-family: 'Lato', sans-serif;
            font-size: 12pt;
}

a.menu_link:active {
    text-decoration: underline;
    color: #ff00ff;
    font-family: 'Lato', sans-serif;
        font-size: 12pt;
}


.box {
background-color: #eeeeee;
color: #000000;
border-radius: 0px;
/* padding: 20px; */
position: relative;
}

.icon {
width: 100%;

}
/* 
.box:nth-child(even) {
background-color: #ccc;
color: #000;
}
*/
.title{
background-color: #555555;
color: #ffffff;
font-size: 14pt;
padding: 2px;
position: absolute;
right:0px;
bottom:40px;
margin-left: 18px;

}



.exhibition_title{
background-color: rgba(255, 255, 255, 0.5);
color: #000000;
font-size: 10pt;
padding: 2px;
position: absolute;
right:0px;
bottom:40px;
margin-left: 18px;

}

.info{
display: none;
background-color: #555555;
color: #ffffff;
font-size: 11pt;
padding: 2px;
font-family: 'Lato', sans-serif;
position: absolute;
left:0px;
top:0px;
/* 
height:100%;
width:100%;
 */

}
a.p_link:link {
    text-decoration: none;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
        font-size: 12pt;
}

a.p_link:visited {
    text-decoration: none;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    font-size: 12pt;
}

a.p_link:hover {
    text-decoration: underline;
        color: #ff5555;
        font-family: 'Lato', sans-serif;
            font-size: 12pt;
}

a.p_link:active {
    text-decoration: underline;
    color: #ff00ff;
    font-family: 'Lato', sans-serif;
        font-size: 12pt;
}

a:link {
    text-decoration: none;
    color: #000000;
    font-family: 'Lato', sans-serif;
}

a:visited {
    text-decoration: none;
    color: #000000;
    font-family: 'Lato', sans-serif;
}

a:hover {
    text-decoration: underline;
        color: #ff55ff;
        font-family: 'Lato', sans-serif;
}

a:active {
    text-decoration: underline;
    color: #ff00ff;
    font-family: 'Lato', sans-serif;
}


#wrapper {
position: absolute;
top: 50px;
display: grid;
  /* border:1px solid #000; */
  grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(280px,1fr));

}