@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');

section#obituary {
    background: #000;
    bottom: 10px;
    left: 10px;
    position: fixed;
    color: #fff;
    width: 100%;
    max-width: 355px;
    border: #fff 1px solid;
    padding: 20px;
}

section#obituary h1{
    font-family: 'Kaushan Script', cursive;
    color: hsl(43deg 59% 65%);
    font-size: 18px;
}

section#obituary h2{
    font-size:27px;
}


section#obituary h3{
    font-size:18px;
}

section#obituary .ob-text {
    background: url(/site/content/images/candle.gif) center center no-repeat;
    background-size: 39%;
    background-position-x: 119%;
    position: relative;
}

section#obituary .x-close{

    position: absolute;
    top:0;
    right: -27px;
    display: inline;
    padding: 2px 8px;
    background:#000;
    border: #fff 1px solid;
    color:#fff;
    cursor:pointer;
}

section#obituary .x-close:hover{
    background:#ccc;
}

section#obituary a.read-btn {
    position: absolute;
    left: 125px;
    bottom: 3px;
    background: #dabd71;
    padding: 2px 10px;
    color: #000;
    font-size: 12px;
}


section#obituary{
    /* display:none; */
}
.ob-title{
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  margin-top: 10px;
}
.ob-subtitle{
  font-size: 22px;
  text-align: center;
}
.ob-title p, .ob-subtitle p{
  margin-bottom: 0px;
}
.ob-description {
  margin-top: 25px;
  text-align: justify;
}
.ob-footer{
  font-size: 12px;
  margin-top: 50px;
  font-style: italic;
}
@media(max-width:480px){
    section#obituary {
        width: 87%;
    }

    .ob-image {
        text-align: center;
        max-width: 147px;
        margin: 0 auto;
    }

    section#obituary h1 {
        text-align: center;
        font-size: 30px;
    }
}