@charset "utf-8";
/* CSS Document */

#wrapper{
 *text-align: center;
}

.messagethumb img{
 width: auto;
 height: auto;
 max-width: 100%;
 max-height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;

}



@media screen and (orientation:landscape) {

.messagethumb{
 width: 370px;
 height: 370px;
 display: inline-block;
 margin: 30px;
 background-color: rgba(255,255,255,0.8);
 vertical-align: top;
 position: relative;
 border: #ffa500 solid 1px;
 border-radius: 10px;
 overflow: hidden;
}

.message_name{
 width: 100%;
 height: auto;
 background-color: rgba(255,255,255,0.9);
 color: #362e2b;
 text-align: center;
 position: absolute;
 bottom: 0;
 font-size: 18px;
 line-height: 24px;
 font-weight: bold;
 overflow: hidden;
}


 }

@media screen and (orientation:portrait) {

.messagethumb{
 width: 400px;
 height: 400px;
 display: inline-block;
 margin: 4vw;
 background-color: rgba(255,255,255,0.8);
 vertical-align: top;
 position: relative;
 border: #ffa500 solid 1px;
 border-radius: 10px;
 overflow: hidden;
}

.message_name{
 width: 100%;
 height: auto;
 background-color: rgba(255,255,255,0.9);
 color: #362e2b;
 text-align: center;
 position: absolute;
 bottom: 0;
 font-size: 4vw;
 line-height: 6vw;
 font-weight: bold;
 overflow: hidden;
}


 }