Shape - Oval

by bizamajig

HTML

<div class="ps-relative m-center w-220 h-140 text-center shape-oval-container box-shadow">
    <div class="ps-absolute t-10 l-10 w-200 h-120 text-center shape-oval">
        <h3 class="m-b-none">Doug Keefer</h3>
        <h5 class="m-none">General Contractor</h5>
        <h3 class="m-none">828-713-7208</h3>
        <h5 class="m-none">Contact Us Today</h5>
    </div>
</div>

CSS

.m-none {
    margin: 0;
}
.m-b-none {
    margin-bottom: 0;
}
.text-center {
    text-align: center;
}
/* START Use freeze body and enable modal to scroll */
.body-locked {
    overflow: hidden;
}
.dp-none {
	display: none !important;
}
.dp-block {
	display: block !important;
}
.ps-absolute {
	position: absolute;
}
.ps-relative {
	position: relative;
}
.t-l-zero {
	top: 0;
	left: 0;
}
/* END Use freeze body and enable modal to scroll */
.t-10 {
    top: 10px;
}
.l-10 {
    left: 10px;
}
.w-100 {
    width: 100px;
}
.w-120 {
    width: 120px;
}
.w-200 {
    width: 200px;
}
.w-220 {
    width: 220px;
}
.w-300 {
    width: 300px;
}
.w-320 {
    width: 320px;
}
.h-100 {
    height: 100px;
}
.h-120 {
    height: 120px;
}
.h-130 {
    height: 130px;
}
.h-140 {
    height: 140px;
}
.h-200 {
    height: 200px;
}
.h-220 {
    height: 220px;
}
.h-300 {
    height: 300px;
}
.h-320 {
    height: 320px;
}
.dp-table {
	display: table;
}
.dp-table-cell {
	display: table-cell;
}
.full-width {
	width: 100%;
}
.full-height {
	height: 100%;
}
.list-group li {
	list-style-type: none;
}
.m-t-50 {
	margin-top: 50px;
}
.m-b-50 {
	margin-bottom: 50px;
}
.m-h-40 {
	min-height: 40px;
}
.m-h-50 {
	min-height: 50px;
}
.box-shadow {
	box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
}
.no-shadow {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.00);
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.00);
	-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.00);
}
.m-center {
	margin: 0 auto;
}
.box-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
}
.shape-oval-container {
    background: red;
/*
    border-radius: 100px / 50px;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 100px / 50px;
*/
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.shape-oval {
    background:...