@import url("reset.css");

/* ------ layout
-----------------------------------------------*/

html, body {
margin:0;
padding:0;
}


body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:18px;
}

#map {
}

.imgbox {
   display: grid;
   height: 100%;
  }

.center-fit {
   max-width: 100%;
   max-height: 100vh;
   margin: auto;
  }

.twitter {
position:relative;
left:0;
bottom:20px;
background:#fff;
width: inherit;
color:#fff;
overflow:hidden;
}

.twitter .inside {
position:absolute;
top:0;
left:0;

}

.twitter .item {
float:left;
width:280px;
padding:20px;
}

.twitter .item .img {
float:left;
width:48px;
}

.twitter .img img {
-moz-box-shadow:0 0 5px #000;
-webkit-box-shadow:0 0 5px #000;
box-shadow:0 0 5px #000;
}

.twitter .item .entry {
float:right;
width:215px;
height:140px;
color:#eee;
font-size:11px;
position:relative;
}

.twitter .item .count {
position:absolute;
left:0;
bottom:-10px;
font-size:10px;
text-transform:uppercase;
}

.twitter .item .title {
font-size:13px;
font-weight:bold;
color:#fff;
}

.twitter .item .url a {
text-decoration:underline;
}

.twitter .item p {
margin-bottom:5px;
}

.posts {
display:none;
position:absolute;
left:50%;
margin-left:-310px;
width:580px;
bottom:180px;
background:#fff;
color:#fff;
background:#000;
background:rgba(0, 0, 0, .7);
padding:20px;
}

.posts .post {
float:left;
clear:both;
width:100%;
margin-bottom:20px;
font-size:12px;
font-weight:bold;
}

/* ------ anchors
-----------------------------------------------*/

a {
text-decoration:none;
color:#fff;
}