/* Core */

html, body, div, h1, h2, h3, p, ul, li, img, table, tr, th, td, hr, header, menu, nav, section, footer {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
body {
font-family: arial, verdana, sans-serif;
font-size: medium;
padding: 0 20px;
}
a {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
text-decoration: underline;
}

/* Header */

header {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
border-bottom: 1px solid #ccc;
}
header h1 {
margin: 12px 0 6px 0;
padding: 0;
font-size: 1.5em;
}
header nav {
margin: 0;
padding: 0;
}

/* Section Crystal System */

#crystal-systems {
display: flex;
margin: 0 0 16px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}
#crystal-systems > div {
width: 135px;
margin: 0;
padding: 0;
text-align: center;
}
#crystal-systems h1 {
margin: 0;
padding: 0;
font-size: 1em;
}
#crystal-systems img {
width: 75px;
height: 75px;
}

/* Section Chakras */

#chakras {
display: flex;
margin: 0 0 16px 0;
padding: 0 0 16px 0;
border-bottom: 1px solid #ccc;
}
#chakras > div {
width: 135px;
margin: 0;
padding: 0;
text-align: center;
}
#chakras h1 {
margin: 0;
padding: 0;
font-size: 1em;
}
#chakras h2 {
margin: 0;
padding: 0;
font-size: 0.8em;
font-weight: normal;
}
#chakras img {
width: 75px;
height: 75px;
}

/* Section Elements */

#elements {
display: flex;
margin: 0 0 36px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}
#elements > div {
width: 135px;
margin: 0;
padding: 0;
text-align: center;
}
#elements h1 {
margin: 0;
padding: 0;
font-size: 1em;
}
#elements img {
width: 75px;
height: 75px;
}

/* Section Stones*/

#stones {
margin: 0;
padding: 0;
}
#stones > div {
display: inline-block;
width: 262px;
height: 355px;
margin: 0 0 8px 0;
padding: 0;
}
#stones h1 {
margin: 0;
padding: 0 0 4px 0;
font-size: 1.3em;
}
#stones .subtitle {
display: flex;
height: 25px;
margin: 0 0 6px 0;
}
#stones .subtitle div {
width: 25px;
height: 25px;
}
#stones .subtitle img {
width: 25px;
height: 25px;
}
#stones .subtitle p {
margin: 6px 0 0 6px;
padding: 0;
font-size: 0.8em;
}
#stones h2 {
margin: 0;
padding: 0;
font-size: 0.8em;
font-weight: normal;
}
#stones .stonepic img {
width: 240px;
height: 240px;
}
#stones .propertypics img {
width: 25px;
height: 25px;
}

/*
#stones > div > div:first-of-type > img {
margin: 0 0 4px 0;
box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
}
*/

/* Section Footer */