/*-----Prevents iPhone from resizing in landscape mode -----*/
html {-webkit-text-size-adjust: none; }

/*----------- apply a natural box layout model to all elements --------------*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*-----BODY -----*/
body {
	font-size: 16px;
	font-family: 'Cardo', serif;
	font-weight: 400;
	background-color: #000;
}


/*-----CONTAINER -----*/
#container {
	min-width: 320px;
	max-width: 1140px;
}

/*-----HEADER -----*/
header div#phone {
	margin: .6em 2% 0 0;
	float: right;
	font-size: 1em;
	color: #fff;
}

header div#phone a {
	color: #fff;
}

header div#phone ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 10px;
	list-style-type: none;
}

header div#phone ul li a {
	text-decoration: none;
	font-size: 25px;
}

header img {
	padding-right: 2%;
	width: 100px;
	float: left;
}

header h1 {
	font-size: 1.3em;
	font-weight: 700;
	color: #eba600;
	padding: 1em 0 0 1%;
}

header h2 {
	font-size: .71em
	font-weight: 700;
	color: #ebd5a4;
	padding: .5em 0 .7em 1%;
}



/*-----NAVigation -----*/
nav {
	background: #3f3f3f;
	padding: .5em 0;
}
nav ul {
	display: none;
}

nav select {
	background: #ccc;
	width: 96%;
	margin-left: 2%;
} /*This was generated dynamically with js from the nav list items.*/


/*-----CONTENT -----*/
#content {
	background-color: #e6e6e6;
	min-height: 15em;
}

#content .hero {
	background-image: url(../img/robin-small.jpg);
	background-size: cover;
	background-position: center bottom;
	height: 200px;
}

#content h2 {
	font-size: 1.5em;
	font-weight: 700;
	color: #0046eb;
	padding-top: 1.4em;
	border-bottom: 2px solid #a4b9eb;
}

#content h3 {
	font-size: 1.3em;
	font-weight: 700;
	color: #333;
	padding-top: 1.1em;
}

#content p {
	font-size: .9em;
	color: #333;
	padding-top: .5em;
	line-height: 130%;
}

#content a {
	color: #0046eb;
}

#content strong {
	font-weight: 700;
}

/*#content ul li {
	margin-left: 3%;
	padding: .3em;
	font-size: .8em;
	list-style-type: square;
	color: #444;
	line-height: 120%;
}*/

article {
	padding: .5em 2%;
	clear: both;
}

article figure {
	float: right;
	margin-left: 20px;
	width: 45%;
}

article figure img {
	width: 100%;
}

figcaption {
	text-align: center;
	font-size: .7em;
	padding: .3em;
}

.twitter-feeds article h4 {
	width: 100%;
  margin: 0;
  border-radius: 4px;
  text-align: center;
  color: black;
  padding: 5px;
  background: #eba600;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eba600), color-stop(100%,#b27e00));
  background: -webkit-linear-gradient(top, #eba600 0%, #b27e00 100%);
  background: -o-linear-gradient(top, #eba600 0%, #b27e00 100%);
  background: linear-gradient(to bottom, #eba600 0%, #b27e00 100%);
}

/*----- Social Links -----*/
div.links a {
	width: 29.3333%;
	margin: 1em 2%;
	float: left;
	border-radius: 10px;
	height: 2em;
	text-align: center;
	color: #222;
	padding-top: .7em;
	text-decoration: none;
	background: #eba600;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eba600), color-stop(100%,#b27e00));
	background: -webkit-linear-gradient(top, #eba600 0%, #b27e00 100%);
	background: -o-linear-gradient(top, #eba600 0%, #b27e00 100%);
	background: linear-gradient(to bottom, #eba600 0%, #b27e00 100%);
}

div.links a:hover {
	background: #B7301E;
}



/*----- FOOTER -----*/
footer {
	clear: both;
	background-color: #eba600;
	display: flex;
	justify-content: space-between;
}

footer p {
	padding: 0.8em;
	text-align: center;
	font-size: 0.6em;
	color: #333;
}

footer #social {
	display: flex;
	justify-content: space-around;
}

footer a {
	color: #333;
}

/*Other Stuff*/
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}