* {box-sizing: border-box;}


/* Create two unequal columns that floats next to each other */

.leftcolumn {float: left; width: 75%;}
.rightcolumn {float: left; width: 25%; padding-left: 20px;}

/* Fake image */
.fakeimg { background-color: #aaa; width: 100%; padding: 20px;}

/* Add a card effect for articles */
.card {background-color: white; padding: 20px; margin-top: 20px;}

/* Clear floats after the columns */
.row:after {content: ""; display: table; clear: both;}

/* Footer */
.footer {padding: 20px; text-align: center; background: #ddd;  margin-top: 20px;}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) 
  {.leftcolumn, .rightcolumn { width: 100%; padding: 0;}}

//h2 {font-size: 18px; font-style:italic; text-transform:capitalize;}
h2 { padding:5px; font:20px bold calibri, arial; text-transform:capitalize; font-style: normal;}
h3 {color:black; font-size:18px;}
//p {color: black; text-transform:none;}

a:link {text-decoration: none; color:black;}



img { border: 1px solid #ddd; border-radius: 4px; padding: 5px; width: 90%; max-width:350px; }

img:hover {box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);}