:root {
    --col-black: #000000;
    --col-black-50: #00000080;
}



.wrapper_cf {
    width: 813px;
    margin: 0 auto;
    height: 568px;
    padding: 15px;
    /* background: url('../images/bg.png') no-repeat scroll center center / cover #FFFFFF; */
	font-family: 'Roboto Slab', serif;
    font-weight: 400;
}

.com_cf {
    display: flex;
    width: 100%;
    height: 100%;
}

.par-bor-div {
    border: 2px solid var(--col-black);
    position: relative;
    padding: 3px;
}

.chi-bor-div {
    border: 2px solid var(--col-black-50);
}

.rib-img-abs, .log-img-abs {
    position: absolute;
    z-index: 2;
}

.rib-img-abs {    
    top: 2;
    width: 140px;
    height: 230px;
    object-fit: contain;
    text-align: center;
 }

.log-img-abs {
    bottom: 35px;
    width: 205px;
    height: 45px;
    object-fit: contain;
    text-align: center;
}

.cnt-div {
    display: flex;
    width: 600px;
    align-content: center;
    height: 100%;
    flex-wrap: wrap;
    padding: 0 50px;    
}

.cnt-div div {
    text-align: center;
    width: 100%;
}

.cnt-div div h1 {
    font-weight: 700;
    letter-spacing: 4px;
    font-size: 32px;
}

.cnt-div div h2 {
    font-family: "Kotta One", serif;
    font-size: 24px;
    font-weight:normal;
    
}

.cnt-div div h3 {
    font-size: 24px;
    letter-spacing: 2px;
}

.cnt-div div h4 {
    font-size: 16px;
    letter-spacing: 2px;
}
.sigfontfamily{
    font-family: 'Yesteryear', cursive !important; 
}

.mtb {
    margin: 30px 0;
}

.wc-right .cnt-div {
    margin-left: auto;
}

.wc-right .rib-img-abs, .wc-right .log-img-abs {
    left: 35px;
}

.wc-left .cnt-div {
    margin-right: auto;
}

.wc-left .rib-img-abs, .wc-left .log-img-abs {
    right: 35px;
}