body {
	font-family: sans-serif ;
	background: #bfe8c0 ;
	color: #352020 ;
}

main {
	max-width: 800px ;
	margin: auto ;
}

img {
	max-width: 100% ;
}

header h1 {
	text-align: center ;
}

footer {
	text-align: center ;
	clear: both ;
}

/* unvisited link */
a:link {
  color: #800000;
}

/* visited link */
a:visited {
  color: #800000;
}

/* mouse over link */
a:hover {
  color: #800080;
}

/* selected link */
a:active {
  color: blue;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}


        .business-card {
            width: 420px;
            height: 200px;
            background-color: #bfe8c0;
            display: flex;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            overflow: hidden;
        }

        .card-image {
            width: 33%;
            background-color: #bfe8c0;
            padding-left: 5px;
            box-sizing: border-box;
        }

        .card-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .card-info {
            width: 67%;
            padding: 16px;
            box-sizing: border-box;
            text-align: left;
        }

        .card-info h2 {
            margin: 0 0 8px 0;
            font-size: 20px;
        }

        .card-info p {
            margin: 4px 0;
            font-size: 14px;
            color: #444;
        }

        .card-info a {
            color: #0066cc;
            text-decoration: none;
        }

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}


.logo-inline {
	display: inline-block;
	vertical-align: middle;
	margin: 0.1em;
	padding: 0;
	height: 1em;
}