DELL Desktop Computer OptiPlex 3020 Intel Core i5 4th Gen 4570 (3.20 GHz) 4 GB DDR3 500 GB HDD Intel HD Graphics 4600 Windows 10 Pro

a-plus-content:before,
.a-plus-content:after,
.a-plus-group:before,
.a-plus-group:after,
.a-plus-module:before,
.a-plus-module:after,
.a-plus-info:after {
content: ”;
display: table;
clear: both;
}
.a-plus-content {
font:13px arial,helvetica,sans-serif;
line-height: 1.4285em;
}
.a-plus-module {
position: relative;
margin: 3em 0;
padding: 0;
overflow: hidden;
}
.a-plus-img {
margin: 0 auto;
padding: 0;
max-width: 100%;
}
.a-plus-img img {
display: block;
margin: auto;
max-width: 100%;
}
.a-plus-img + .a-plus-info { margin: 1em 0 0 0; }
.a-plus-title {
display: block;
margin: 2em 0 1em 0;
overflow: hidden;
font-weight: bold;

}
.a-plus-info p {
display: block;
margin: 0.5em 0;
}

.a-plus-info ul,
.a-plus-info ol { margin: 1em 0; }
.a-plus-info ul {
list-style-type: disc!important;
list-style-position: outside!important;
padding-left: 25px;
}
.a-plus-info li { margin-bottom: 1em; }
.a-plus-info li:last-child { margin-bottom: 0; }

.a-plus-module:first-child,
.a-plus-title:first-child,
.a-plus-info p:first-child { margin-top: 0; }
.a-plus-module:last-child,
.a-plus-title:last-child,
.a-plus-info p:last-child { margin-bottom: 0; }

.a-plus-module.txt-align-center { text-align: center; }

.a-plus-group { margin: 3em 0; }
.a-plus-group:first-child { margin-top: 0; }
.a-plus-group:last-child { margin-bottom: 0; }

/* table styles */
table {
width: 100%;
border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
background: #eee;
}
th {
background: #333;
color: white;
font-weight: bold;
}
td, th {
padding: 6px;
border: 1px solid #ccc;
text-align: left;
}

@media (min-width: 768px) {
.a-plus-module.img-is-small .a-plus-img { width: 260px; }
.a-plus-module.img-is-large .a-plus-img { width: 360px; }

.a-plus-module.img-at-left .a-plus-img { float: left; }
.a-plus-module.img-at-right .a-plus-img { float: right; }

.a-plus-module.img-is-small.img-at-left .a-plus-img img,
.a-plus-module.img-is-small.img-at-right .a-plus-img img { width: 120px; }
.a-plus-module.img-is-large.img-at-left .a-plus-img img,
.a-plus-module.img-is-large.img-at-right .a-plus-img img { width: 300px; }

.a-plus-module.img-is-small.img-at-left .a-plus-img + .a-plus-info { margin: 0 0 0 196px; }
.a-plus-module.img-is-small.img-at-right .a-plus-img + .a-plus-info { margin: 0 196px 0 0; }
.a-plus-module.img-is-large.img-at-left .a-plus-img + .a-plus-info { margin: 0 0 0 376px; }
.a-plus-module.img-is-large.img-at-right .a-plus-img + .a-plus-info { margin: 0 376px 0 0; }

/* layout */
.a-plus-cell { float: left; }
.a-plus-cell .a-plus-module.img-is-large.img-at-left .a-plus-img,
.a-plus-cell .a-plus-module.img-is-large.img-at-right .a-plus-img { width: 30%; }
.a-plus-cell .a-plus-module.img-is-large.img-at-left .a-plus-img + .a-plus-info { margin-left: calc(30% + 32px); }
.a-plus-cell .a-plus-module.img-is-large.img-at-right .a-plus-img + .a-plus-info { margin-right: calc(30% + 32px); }

/* 2 columns */
.a-plus-group.two-columns .a-plus-cell { width: calc(50% – 30px); }
.a-plus-group.two-columns .a-plus-cell:first-child { margin-right: 60px; }

/* 3 columns */
.a-plus-group.three-columns .a-plus-cell { width: calc(33.3% – 40px); margin-left: 60px;}
.a-plus-group.three-columns .a-plus-cell:first-child { margin-left: 0; }

/* 4 columns */
.a-plus-group.four-columns .a-plus-cell {
margin-left: 60px;
width: calc(25% – (180px / 4));
}
.a-plus-group.four-columns .a-plus-cell:first-child { margin-left: 0; }
}

@media (max-width: 767px) {
.a-plus-group .a-plus-cell { margin: 3em 0; }
.a-plus-group .a-plus-cell:first-child { margin-top: 0; }
.a-plus-group .a-plus-cell:last-child { margin-bottom: 0; }

/* tables */
/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

tr { border: 1px solid #ccc; }

td {
/* Behave like a “row” */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}

td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}

/*
Label the data
*/
td:nth-of-type(1):before { content: “First Name”; }
td:nth-of-type(2):before { content: “Last Name”; }
td:nth-of-type(3):before { content: “Job Title”; }
}