/* General */

html {
	font-size: 100%;
      scroll-behavior: smooth;
}
body {
	font-size: 1em;
	font-family: Arial, sans-serif;
	background: #e0e0e0 url(images/backgroundXX.png) repeat-x fixed;
	color: #333;
	line-height: 1.5;
}
* {
      box-sizing: border-box;
}
#container {
	background: white;
	margin: 1.5em auto;
	max-width: 56.25em;
	border-bottom: thin solid transparent;
	border-radius: 0.25em;
	box-shadow: 0 0 0.35em #bfbfbf;
      padding-top: 1em;
}
header, section, footer, aside, nav, figure, figcaption, article {
	display: block;
}
header {
      height: 14em;
	background: #000 url(images/header6e.jpg) no-repeat 0 0;
      background-size: cover;
      overflow: hidden;
	padding: 0 1em;
      font-family: "Gill Sans", "Trebuchet MS", Arial, sans-serif;
      margin: 0 1em 1.875em 1em;
      border-radius: 0.25em;
}
header h1 {
	color: #ffff10;
	font-size: 2.2em;
      font-weight: bold;
      margin: 0.25em 0 0;
}
header h1 a:link {
	color: inherit;
	text-decoration: none;
      transition: opacity 0.25s;
}
header h1 a:visited {
	color: inherit;
}
header h1 a:hover, header h1 a:focus {
	color: #e8e80b;
      opacity: 0.95;
}
header h1 a:active {
	color: inherit;
}
header h2 {
	font-size: 1.4em;
	color: #f8f8f0;
      margin: 0.25em 0 0;
}
header h3 {
	font-size: 1.1em;
	color: #f8f8f0;
      display: none;
	letter-spacing: 0.025em;
}
h1, h2, h3 {
        font-weight: normal;
}
section {
	margin: 0;
	border-bottom: thin solid #c8c8c8;
	clear: both;
}
section::after {
	content: "";
	display: block;
	clear: both;
}
section.section-alt {
	margin: 0;
	border: none;
	clear: both;
}
section.section-alt::after {
	content: "";
	display: block;
	clear: both;
}
section:last-of-type {
	border-bottom: thin dotted #c8c8c8;
}
aside {
	float: right;
	max-width: 15em;
	background: #fffafa;
	border: thin solid #c8c8c8;
	padding: 0.5em;
	margin: 0 0 1em 1em;
	border-radius: 0.25em;
      font-size: 0.85em;
}
footer {
	padding: 1em 1em 0;
	clear: both;
}
footer nav {
	text-align: center;
      font-size: 0.85em;
}
footer nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
footer nav ul li {
	display: inline;
}
footer nav ul li span {
	font-weight: bold;
      color: #808080;
}
footer nav p {
	color: #404040;
	margin-top: 1em;
}
a, li {
	word-wrap: break-word;
	overflow: visible;
}
a:link {
	color: #0645ad;
	text-decoration: underline;
      transition: opacity 0.8s;
}
a:visited {
	color: purple;
	text-decoration: underline;
}
a:hover {
	color: #ad4a18;
	text-decoration: none;
}
a:active {
	color: #a6a6a6;
	text-decoration: underline;
}
a:focus {
      text-decoration: none;
      outline-offset: 2px;
}
footer nav ul li a:link, .menu nav a:link {
      text-transform: uppercase;
      color: #000;
      text-decoration: none;
      transition: opacity 0.25s;
}
footer nav ul li a:visited, .menu nav a:visited {
      color: #000;
}
footer nav ul li a:hover, footer nav ul li a:focus, .menu nav a:hover, .menu nav a:focus {
      color: #000;
	opacity: 0.8;
}
footer nav ul li a:active, .menu nav a:active {
	color: #000;
}
footer div:first-of-type {
      margin-bottom: 0.5em;
}
ul {
	list-style: disc;
}
#note {
	margin: 1em 0;
}
#gallery-species a:first-of-type {
      margin-right: 0.5em;
}
.row {
	margin-bottom: 1.125em;
}
.row ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.row ul li {
	display: inline;
	margin: 0 0.2em 0.5em 0;
}
.xtra-info {
	border-bottom: thin dashed red;
	cursor: help;
}
li.alt {
	padding-bottom: 0.3em;
}
.txt-align {
	text-align: center;
	clear: both;
}
.cen {
	text-align: center;
}
#content {
	padding: 0 1em;
}
#content h2, #content-alt h2 {
	font-size: 1.45em;
	color: #4d0000;
      margin-bottom: -0.3em;
}
#content h3, #content-alt h3 {
	font-size: 1.25em;
}
#content h4, #content-alt h4 {
	font-size: 1em;
}
#content h5, #content-alt h5 {
	font-size: 0.9em;
}
#content h2 a, #content-alt h2 a {
	color: inherit;
	text-decoration: none;
}
#content h2 a:hover, #content-alt h2 a:hover {
	color: #ac2828;
}
#content-alt {
	padding: 0 1em;
}
button#montrose-boundaries, button.back, button#to-top {
      color: white;
      font-weight: bold;
      font-size: 0.9em;
      background: #2196F3;
      padding: 0.5em 0.75em;
      border-radius: 0.25em;
      transition: background 0.5s;
      text-shadow: 1px 1px 1px gray;
      border: 0;
      display: block;
      margin: 1.5em 0;
}
button#to-top {
      position: fixed; 
      bottom: 3em; 
      right: 1em;
      font-size: 1.25em;
      margin: 0;
}
button#to-top:hover, button#montrose-boundaries:hover, button.back:hover {
      background: #0b7dda;
      color: white;
}
.bird-group {
	margin-bottom: 1.875em;
}
.bird-group-alt {
	margin-bottom: 1em;
}
button {
	cursor: pointer;
}
.bird-group a, .bird-group-alt a {
	text-decoration: none;
}
.hide {
	display: none;
}
img {
	height: auto;
	max-width: 100%;
}
figcaption p:last-child {
	margin-top: -0.5em;
}
figcaption p:first-child {
	font-weight: bold;
}
figcaption {
	text-align: center;
	margin-top: -0.5em;
}
small {
	font-size: 0.9em;
}
fieldset {
	padding: 0.25em 1em 0;
	border: thin solid #c8c8c8;
	margin: 2em 0;
	border-radius: 0.2em;
	max-width: 85%;
}
legend {
	padding: 0 0.5em;
      font-weight: normal;
      font-size: 1.25em;
}
div.bullet {
	padding: 1em;
	border: thin solid #c8c8c8;
	margin: 0 0 2em 0;
	border-radius: 0.2em;
	max-width: 85%;
      background: #fffafa;
}
div.bullet p {
	background: url(images/dot7.gif) no-repeat left 0.35em;
	padding-left: 1em;
      margin-top: 0.3em;
}
i.fa-arrow-left, i.fa-arrow-right, i.fa-home {
	font-size: 1.25em;
}
table {
	font-size: 0.9em;
}
td {
	border: thin solid #c8c8c8;
	vertical-align: top;
}
caption {
	font-weight: bold;
	padding: 0 0 0.5em 0;
}
.normal-txt {
	font-weight: normal;
	color: #333;
}
hr {
      border: none;
      border-bottom: thin dashed #a6a6a6;
}
aside.float-left {
      float: left;
      margin: 0.5em 1em 1em 0;
}
#gallery-species a + p:before {
      content: "(";
}
#gallery-species a + p:after {
      content: ")";
}
.menu {
      float: right; 
      font-size: 0.85em; 
      text-transform: uppercase;
      margin-top: 0.5em;
}
.menu nav a {
      color: #000;
      text-decoration: none;
}
.menu nav a:hover {
      color: #808080;
}
.modal {
      display: none; 
      position: fixed; 
      z-index: 1; 
      padding-top: 3.25em;
      left: 0;
      top: 0;
      width: 100%; 
      height: 100%; 
      overflow: auto; 
      background-color: rgb(0,0,0); 
      background-color: rgba(0,0,0,0.95); 
}
.modal img, .montrose img {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 31.25em;
}
.montrose img {
      max-width: 50em;
}
.modal div, .montrose div {
      margin: auto;
      display: block;
      width: 80%;
      max-width: 31.25em;
      text-align: center;
      color: #ccc;
      padding: 0.625em 0;
      height: 9.375em;
}
.montrose div {
      max-width: 50em;
}
.modal a, a.close {
      position: absolute;
      top: 0;
      right: 0.5em;
      color: #f1f1f1;
      font-size: 2.5em;
      font-weight: bold;
      text-decoration: none;
      transition: 0.3s;
}
.modal a:hover, .modal a:focus, a:hover.close, a:focus.close {
      opacity: 0.8;
}
fieldset.bullet p {
	background: url(images/bullet8.gif) no-repeat left 0.5em;
	padding-left: 1em;
      margin-top: 0.3em;
}
.bird-group img, .bird-group-alt img {
      transition: transform 0.25s;
}
.bird-group img:hover, .bird-group-alt img:hover {
      transform: scale(1.05);
}
span.story-intro {
       font-variant: small-caps;
       font-size: 1.05em;
}
abbr {
      text-decoration: none;
}
body.lightbox {
     margin-top: 3em;
     background: #282828;
     color: #e8e8e8;
}
     body.lightbox i.fa-arrow-left, body.lightbox i.fa-arrow-right {
     color: #e8e8e8;
     transition: 0.2s;
}
     body.lightbox i.fa-arrow-left:hover, body.lightbox i.fa-arrow-right:hover {
     opacity: 0.8;
}
     body.lightbox i.fa-arrow-left {
     margin-right: 0.5em;
}
             
/* Home Page */

#home-page-content {
	margin-bottom: 0;
	padding: 0 1em;
}
#home-page-content h2 {
	margin-top: 1em;
	color: #4d0000;
	clear: both;
      font-size: 1.3em;
      font-family: "Gill Sans", "Trebuchet MS", sans-serif;
}
#menu1 {
	margin: 2.2em 0 1.6em 0;
	text-align: center;
}
#menu2 {
	margin-bottom: 1.6em;
	text-align: center;
}
#menu3 {
	margin-bottom: 2em;
	text-align: center;
}
#menu1 a, #menu2 a, #menu3 a {
	font-weight: bold;
      text-decoration: none;
}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover {
	font-weight: bold;
      text-decoration: none;
}
#menu1 span, #menu2 span, #menu3 span {
	padding: 0 0.4em;
      font-weight: bold;
      color: #a9a9a9;
}
#menu1 ul, #menu2 ul, #menu3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu1 ul li, #menu2 ul li, #menu3 ul li {
	display: inline;
}
footer#home-page-footer {
	margin: 1.5em 0 0;
	padding: 0 1em;
}
ul.other {
      margin-right: 7em;
}
ul.other li {
	margin-bottom: 1em;
	list-style: none;
	background: url(images/bullet8.gif) no-repeat 0 0.5em;
	padding: 0 0 0 1em;
      font-size: 1.09em;
}
ul.other:first-of-type li {
	background: url(images/bullet8.gif) no-repeat 0 0.5em;
}
ul.other:last-of-type li {
	background: url(images/bullet7.gif) no-repeat 0 0.5em;
}
p.copyright {
      font-size: 0.9em;
      color: #202020;
}
.social-media-links {
      margin: 2.5em 0;
      text-align: center;
}
.social-media-links ul {
      margin: 0;
      padding: 0;
      list-style: none;
}
.social-media-links ul li {
      display: inline;
}
.social-media-links a {
      border: none;
}
.social-media-links a:hover {
      opacity: 0.8;
}
.social-media-links ul li:nth-of-type(2) {
      margin-right: 2em;
      margin-left: 2em;
}
fieldset.donate {
      padding: 0 1em;
      border: thin solid #c8c8c8;
      border-bottom-right-radius: 20px;
}
fieldset.donate legend {
      font-weight: bold;
      font-style: italic;
      font-family: "Gill Sans", "Trebuchet MS", sans-serif;
}
fieldset.donate form {
      margin: 1.5em 0 0.5em 0;
}
fieldset.donate form img, fieldset.donate form input[type="image"] {
      border: none;
}
fieldset.donate form img {
      height: 1px;
      width: 1px;
}
addthis_button img {
      border: none;
      height: 1em;
      width: 7.8125em;
}
img[alt="Logo"] {
      width: 8.3125em;
      height: 1.5625em;
}
i.fa-home {
      transition: all 0.2s;
      font-size: 1.5em;
}
i.fa-home:hover {
      color: orange;
}
i.fa-home span {
      display: none;
}
button.menu-display {
      display: none;
      margin-bottom: 2em;
      padding: 0.25em;
      text-transform: uppercase;
}
footer#home-page-footer aside:first-of-type {
	margin-bottom: 0;
}
footer#home-page-footer aside:last-of-type {
	float: none;
      margin: 0;
      max-width: 17em;
      display: none;
      vertical-align: bottom;
}
i.fa-cc-paypal {
      font-size: 2.25em;
      position: relative;
      bottom: 0.25em;
      margin-left: 0.25em;
      display: none;
}


/* Photo Gallery */

#gallery-species {
	margin: 1.25em 0 0;
	text-align: center;
}
.species-info {
	margin: 1em auto 1.25em;
	max-width: 31.25em;
	text-align: left;
}

/* Figure styles for the Whooping Crane Story, Black-tailed Gull, Digiscoping With a Questar, and Montrose */

figure#crane-image, figure#gull-image, figure#digiscoping-image, figure#montrose-map-image {
	float: right;
	width: auto;
	height: auto;
	margin: 0.25em 0 0 1em;
	text-align: center;
}
figure#crane-image  img, figure#gull-image img, figure#digiscoping-image img, figure#montrose-map-image img {
      outline: thin solid transparent;
      transition: opacity 0.5s;
      cursor: pointer;
}
figure#crane-image img:hover, figure#gull-image img:hover, figure#digiscoping-image img:hover, figure#montrose-map-image img:hover {
      outline: thin solid #a6a6a6;
      outline-offset: 0.25em;
      opacity: 0.8;
}

/* Birding Montrose Point */

#list {
	width: 100%;
	margin: 0 0 1em 0;
	border-collapse: collapse;
      margin-top: 2em;
}
#list td {
	width: auto;
	padding: 0.5em;
}
#list h4 {
	color: #4d0000;
      font-weight: bold;
}
#list h4.group-alt {
	margin-top: 0;
}
#list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#list li span {
	border-bottom: thin dashed #4d0000;
	cursor: help;
}
#bottom-sec {
	margin-bottom: 1em;
}
#excel {
	width: 85%;
}
.montrose-legend {
      margin: 0 auto;
      max-width: 38em;
      font-size: 0.9em;
}
.montrose-legend ul {
	float: left;
}
.montrose-legend ul li {
      list-style: none;
      margin-bottom: 0.625em;
}
.montrose-legend + p {
      clear: both;
}
#montrose-image {
      border: thin solid #a6a6a6;
}
#montrose-images {
	margin: 1.5em auto 1em;
}
#montrose-images img {
	border: medium solid transparent;
      cursor: pointer;
      transition: opacity 0.5s;
}
#montrose-images img:hover {
      opacity: 0.8;
}
#montrose-images a {
      text-decoration: none;
      padding: 0;
      border: 0;
	margin-right: 0.25em;
}
#what-to-see {
	margin: 1.25em 0;
	clear: both;
}
#what-to-see ul li img {
	cursor: pointer;
	border-radius: 50%;
	margin-right: 1em;
      transition: opacity 0.2s;
}
#what-to-see ul li img:hover {
      opacity: 0.8;
}
#what-to-see ul li span {
	margin-left: 0.4em;
	padding-left: 1.5em;
	background: url(images/raquo.png) no-repeat left center;
}
#what-to-see ul li a {
	padding: 0.25em 0.4em;
      border-radius: 0.25em;
}
#what-to-see ul li a:hover {
      background: #840000;
	text-decoration: none;
	color: white;
}
#what-to-see ul {
	margin: 0;
      padding: 0;
      list-style: none;
}
#what-to-see ul li {
	margin-bottom: 2em;
}
#what-to-see ul li a, #what-to-see ul li span {
	position: relative; 
      bottom: 2em;
}
#montrose-aerial-photo {
	margin-top: 2em;
	text-align: center;
	clear: both;
}
h3.what-to-see a {
      text-decoration: none;
      color: inherit;
}
h3.what-to-see a:hover {
      opacity: 0.8;
}
figure.pic1 {
	float: right;
	width: auto;
	height: auto;
	margin: 0.2em 0 1em 1em;
	text-align: center;
}
figure.pic1 img, figure.pic3-alt img, figure.pic4 img  {
      box-shadow: 0 0.0625em 0.25em rgba(0, 0, 0, 0.2);
      border-radius: 0.15em;
}
figure.pic1 figcaption, figure.pic2 figcaption, figure.pic3-alt figcaption, figure.pic4 figcaption {
	display: block;
	padding-top: 0.5em;
}
figure.pic3-alt {
	float: right;
	width: auto;
	height: auto;
	margin: 0.2em 0 0 0.625em;
	text-align: center;
}
figure.pic4 {
	float: left;
	width: auto;
	height: auto;
	margin: 0.4em 1em 1em 0;
	text-align: center;
}
nav#nav-menu {
	text-align: center;
	margin: 1em 0;
}
nav#nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
nav#nav-menu li {
	display: inline;
	margin-right: 0.25em;
}
nav#nav-menu li:last-of-type {
	margin-right: 0;
}
nav#nav-menu a {
	border: none;
}
nav#nav-menu img {
	border: medium solid transparent;
      transition: opacity 0.5s;
}
nav#nav-menu img:hover {
	opacity: 0.8;
}
span#caption {
	font-weight: bold;
	position: relative;
	top: -0.8em;
	left: 0.625em;
	padding: 0 0.5em;
	background: white;
	font-style: italic;
	font-size: 0.85em;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1.2em 0;
	padding: 0;
}
p#title {
	font-weight: bold;
}
button.back a {
      color: white;
      text-decoration: none;
}
button.back a i.fa-arrow-left {
      font-size: inherit;
      padding-right: 0.3em;
}
.montrose-google-map {
      display: none;
}
ul.recent-additions {
      list-style: none;
      line-height: 1.8;
}
div.status {
      background: #fffafa;
      border: thin solid #a6a6a6;
	padding: 0 1em;
	max-width: 85%;
	margin: 0 0 0.5em;
	border-radius: 0.25em;
}
.caption-title {
      margin-top: 1.5em;
}
.recent-developments ul {
      list-style: disc;
}
.recent-developments ul li {
	margin-bottom: 1em;
}
#montrose-boundaries {
      text-align: center;
}
nav.birds-of-prey img#birds-of-prey, nav.other-critters img#other-critters, nav.other-waterbirds img#other-waterbirds, nav.passerines img#passerines, nav.shorebirds img#shorebirds, nav.waterfowl img#waterfowl {
	border: medium solid #616161;
}
.separator {
	font-family: verdana, sans-serif;
	text-align: center;
	letter-spacing: 10px;
	font-size: 0.75em;
      margin: 10px 0;
}
div#piechart {
      width: 37.5em;
      height: 21.875em;
      background: #fffafa;
}
div.piechart {
      display: none;
}

/* Iceland Gull Photos */

#gull-info {
	margin: 1em auto 1.25em;
	max-width: 31.25em;
	text-align: left;
}
img.thayers-gull-header {
	float: right;
	margin: 1.25em 0 1em 1em;
	box-shadow: 0.25em 0.25em 0.25em #a1a1a1;
      border-radius: 0.15em;
}

/* Visual Identification of Illinois Nightjars */

/* No specific styles for this page */


/* About This Web site */

#buttons {
	margin: 1.25em 0;
}
#buttons img {
	cursor: help;
}
#valid-html {
	margin-right: 0.5em;
}


/* Birding Web sites */

.birding-websites ul {
      list-style: circle;
}
.birding-websites ul li {
	margin-bottom: 1em;
}

/* Site Map */

ul.site-map {
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
}
ul.site-map-alt {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.site-map li ul {
	margin: 0 0 0 -1.8em;
	list-style: none;
}
ul.site-map li {
	margin: 0.375em 0;
}
ul.site-map li ul li {
	margin: 0.375em 0;
	font-size: inherit;
}
#col1, #col2 {
	float: left;
	height: auto;
}
#col1 {
	width: 28em;
}
#site-map-wrapper {
	margin: 0 0 1em 0;
	float: left;
}

/* Birds of Illinois */

.illinois-list {
	margin-top: 1.5em;
}
.illinois-list h3 {
	margin-left: 1.25em;
}
.illinois-list h5 {
	margin-left: 1.875em;
}
.illinois-list ul {
	padding-left: 2.25em;
	list-style: none;
}
.key {
	border: thin solid #a6a6a6;
	padding: 0 1em 1em;
	max-width: 85%;
	border-top-right-radius: 0.2em;
	border-bottom-right-radius: 0.2em;
	border-bottom-left-radius: 0.2em;
	margin-bottom: 2em;
}
.key li {
	padding-bottom: 1em;
}
.key li:last-child {
	padding-bottom: 0;
}
.key h4 {
      font-weight: bold;
}
span.key-tab {
      display: inline-block;
      background: #746af7;
      padding: 0.2em 0.75em 0.1em;
      color: white;
      font-size: 1em;
      font-weight: bold;
      border-top-left-radius: 0.35em;
      border-top-right-radius: 0.35em;
      margin: 0.5em 0 0 0;
}
img.birds-of-illinois-logo {
      float: right;
      margin: 1.5em 2em 2em;
}

/* IOS Photo Quizzes */

form#quiz-form {
	margin: 0 0 1em;
}
form#quiz-form select {
	padding: 0.125em;
	font-size: 1em;
}
form#quiz-form input[type="button"] {
	cursor: pointer;
	font-size: 1.1em;
}
form#quiz-form p {
	margin: 0 0 0.5em;
}
img.ios-quiz-bird {
	outline: thin solid #a6a6a6;
}
p#answer-area {
	visibility: hidden;
	position: relative;
	top: -1em;
}
img.preload {
	display: none;
}
img.ios-photo-quizzes-header {
	float: right;
	margin: 1.25em 0 1em 1em;
	box-shadow: 0.25em 0.25em 0.25em #a1a1a1;
      border-radius: 0.15em;
}
div[class=center-quiz] + h4 {
      font-weight: bold;
}
.photo-quiz-late-winter-2006a {
      max-width: 31.25em;
      margin: 2em auto 0 auto;
}
.photo-quiz-late-winter-2006b, .photo-quiz-late-winter-2004 {
      max-width: 28.125em;
      margin: 2em auto 0 auto;
}
.photo-quiz-late-summer-2004 {
      max-width: 26.5625em;
      margin: 2em auto 0 auto;
}
.photo-quiz-late-winter-2006a span, .photo-quiz-late-winter-2006b span, .photo-quiz-late-summer-2004 span, .photo-quiz-late-winter-2004 span {
      display: block;
      margin-bottom: 0.25em;
}
.cen + h4, .photo-quiz-late-winter-2006a + h4, .photo-quiz-late-winter-2006b + h4, .photo-quiz-late-summer-2004 + h4, .photo-quiz-late-winter-2004 + h4 {
      font-weight: bold;
}

/* Copyright statement and Colophon */

img.copyright-img, img.code {
      float: right;
      margin-left: 2em;
}
img.copyright-img {
      margin-bottom: 1em;
      margin-top: 1.5em;
}

/* About Me */

img.rdh-portrait {
	float: right;
	margin: 0.3em 0 1em 1em;
	box-shadow: 0.25em 0.25em 0.25em #a1a1a1;
      border-radius: 0.15em;
}
p.signature {
      font-family: Kalam;
      font-size: 1.25em;
}
.social-media-icons {
	margin: 2em 0 1.5em 0;
      text-align: center;
}
.social-media-icons .fa {
      padding: 0.75em;
      font-size: 1.75em;
      width: 2.5em;
      text-align: center;
      text-decoration: none;
      color: white;
      border-radius: 1.5em;
      margin-top: 0.4em;
      margin-right: 0.25em;
      transition: all 0.4s;
}
.fa-twitter {
      background: #55ACEE;
}
.fa-facebook {
      background: #3B5998;
}
.fa-linkedin {
      background: #007bb5;
}
.fa-instagram {
      background: #125688;
}
.fa-youtube {
      background: #bb0000;
}
.social-media-icons .fa:hover {
      opacity: 0.8;
      transform: scale(1.05);
}


/* Smartphones */

@media only screen and (max-width:700px) {

/* General (applies to more than one page) */

#container {
      padding-top: 0;
	box-shadow: none;
	margin: 0.5em auto;
}
header {
      background: linear-gradient(to top, #484848 0%, #000000 100%);
      margin: 0 0 1.875em 0;
      border-radius: 0.25em;
}
.row {
	width: initial;
}
fieldset, .key {
	max-width: 100%;
}
figure#digiscoping-image, figure#gull-image, figure#crane-image {
	float: none;
	margin: 0.25em auto;
	text-align: center;
	clear: both;
}
.recent-developments ul, .birding-websites ul, .nightjar ul, .key ul {
	padding-left: 1em;
}
img.ios-photo-quizzes-header, img.thayers-gull-header, img.copyright-img, img.code {
	display: none;
}
.modal-content {
      width: 100%;
}
#content aside, #content-alt aside {
	display: none;
}
p.copyright {
	display: none;
}
nav#nav-menu {
	margin: 2em 0 1em 0;
}
.menu {
      float: none; 
      text-align: center; 
      margin: 0 0 1em 0;
}
body {
	background-color: #fff;
      background-image: none;
}


/* Home Page */

.display-panel {
      display: none;
}
button.menu-display {
      display: block;
}
#menu1, #menu2, #menu3 {
	text-align: left;
}
#menu2, #menu3 {
	float: left;
}
#menu1 ul li, #menu2 ul li, #menu3 ul li {
	display: block;
}
#menu2 {
	margin-right: 2em;
}
#menu1 span, #menu2 span, #menu3 span {
	display: none;
}
footer#home-page-footer aside {
	display: none;
}
.social-media-links ul li {
      display: block;
}
.social-media-links ul li:nth-of-type(2), .social-media-links ul li:nth-of-type(3) {
      margin-top: 1em;
}
footer#home-page-footer aside:last-of-type {
      display: block;
}


/* Montrose List */

#excel {
	width: initial;
}
ul.other {
	margin: 0 0 0.3em 0;
	padding-left: 0.25em;
}
ul.recent-additions {
	padding-left: 0.25em;
}
div#piechart {
      display: none;
}
div.piechart {
      display: block;
}
span.piechart {
      display: none;
}


/* Birding Montrose Point */

#what-to-see {
	border-bottom: none;
}
div#what-to-see ul li span {
	display: none;
}
figure.pic1, figure.pic2, figure.pic3, figure.pic3-alt, figure.pic4 {
	display: none;
}
section#primer {
	display: none;
}
figure#montrose-map-image {
      display: none;
}
.montrose-google-map {
      display: inline;
}


/* About Me */

img.rdh-portrait {
	float: none;
	margin: 0.3em 0 0.5em 0;
}


/* Illinois List */

.illinois-list h3, .illinois-list h4, .illinois-list h5 {
	margin-left: 0;
}
.illinois-list ul {
	padding-left: 0;
}
.illinois-list li {
	padding-bottom: 1em;
}
.illinois-list li:last-child {
	padding-bottom: 0;
}


/* Sitemap */

ul.site-map, ul.site-map-alt, ul.site-map li ul {
	margin: 0;
	padding: 0;
}


/* The Birds of Illinois */

img.birds-of-illinois-logo {
      display: none;
}


/* The Montrose List */

table#list {
      margin-top: 0.5em;
}
table#list td {
      display: block;
      border: none;
      padding: 0;
}
#list h4.group-alt {
	margin-top: 1.33em;;
}


/* Nightjar Identification Article */

div.nightjars ul {
      padding-left: 1em;
}
}

@media only screen and (min-width: 1600px){
#container {
      max-width: 62.5em;
}
}