.memorial{
   background:#111;
   width:100%;
   padding:40px 36px;
   border: 2px solid #bfbfbf;
   box-shadow:0 12px 40px rgba(0,0,0,.55), inset 0 0 0 2px #808080;
   background:#000;
   color:#eaeaea;
   font-family: 'Raleway', sans-serif;
   margin:0 auto;
   box-sizing: border-box;
 }

 .memorial .desktop {
   display:block;
 }
 .memorial .mobile{
   display:none;
 }

 .memorial p {
 	font-family: 'Raleway', sans-serif;
 }

 .memorial .portrait{
   width:100%;
   margin:0 auto 18px;
 }

.memorial .portrait img {
width:100%;
height:auto;
transition: transform 0.4s ease, filter 0.4s ease;
}

.memorial .portrait img:hover {
transform: scale(1.05);
filter: brightness(90%);
}

 .memorial h1{
   margin:8px 0 6px;
   text-align:center;
   font-size:28px;
   font-weight:700;
   color:#fff;
 }

 .memorial h2{
   margin:0 0 24px;
   text-align:center;
   font-size:22px;
   font-weight:700;
   color:#e6e6e6;
 }

 .memorial .block{
   max-width:760px;
   margin:0 auto
 }
 .memorial .centerline{
   border:0; height:1px;
   background:#cfcfcf;
   margin:22px auto;
   width:90%;
   opacity:.65;
 }

 .memorial .thanks{
   text-align:center;
   font-weight:700;
   margin:16px 0 6px;
   color:#fff;
 }

 @media (max-width:640px){
   .memorial{
     padding:28px 18px;
   }
   .memorial .portrait img{
     width:90%;
     margin:0 auto;
   }

   .memorial h1{
     font-size:24px;
   }
   .memorial h2{
     font-size:18px;
   }
   .memorial .desktop {display:none;}
   .memorial .mobile {display:block;}
 }