@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic");
@import url("font-awesome.min.css");

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
						   content: '';
						   content: none;
					       }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    -webkit-text-size-adjust: none;
}

/* Box Model */

*, *:before, *:after {
		 -moz-box-sizing: border-box;
		 -webkit-box-sizing: border-box;
		 box-sizing: border-box;
	     }

/* Containers */

.container {
    margin-left: auto;
    margin-right: auto;
}

.container {
    width: 860px;
}

@media screen and (min-width: 737px) {

    .container {
	width: 1100px;
    }

    .container.main-content {
	background: #ffffff;
    box-shadow: 0px 0px 15px gray;
    }

}

@media screen and (min-width: 737px) and (max-width: 1200px) {

    .container {
	width: 880px;
    }

    .container.main-content {
	background: #ffffff;
    box-shadow: 0px 0px 15px gray;
    }

}

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

    .container {
	width: 100% !important;
    }

}

/* Grid */

.row {
    border-bottom: solid 0px transparent;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.row > * {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	    }

.\31 2u, .\31 2u\24 {
    width: 100%;
    clear: none;
    margin-left: 0;
}

.\36 u, .\36 u\24 {
    width: 50%;
    clear: none;
    margin-left: 0;
}

.\34 u, .\34 u\24 {
    width: 33.3333333333%;
    clear: none;
    margin-left: 0;
}

.\31 2u\24 + *,
.\36 u\24 + *,
.\34 u\24 + * {
    clear: left;
}

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

    .\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
	width: 100%;
	clear: none;
	margin-left: 0;
    }

}

/* Basic */

body, input, textarea {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

body {
    background: #e9e9e9;
    color: #474747;
    font-size: 10pt;
    line-height: 1.75em;
}

a {
    color: #00a6eb;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    color: #373737;
}

h3 {
    font-weight: 400;
    margin: 0 0 0.5em 0;
}

#logo {
       width: 30%;
       -webkit-filter: drop-shadow(0px 0px 15px #00648d);
       filter: drop-shadow(0px 0px 15px #00648d);
}

ul.contact li {
    position: relative;
    margin: 3em 0 2.1em 0;
    padding: 0 0 0 90px;/*Used to be 60px*/
}

ul.contact li:before {
    font-family: FontAwesome;
    font-size: 1.85em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;/*Used to be zero*/
    margin-top: -18px;/*New; ^ & this center the icon*/
    margin-left: 30px;/*New; adds a left indent*/
    width: 36px;
    height: 36px;
    background: #676767;
    color: #fff;
    line-height: 36px;
    text-align: center;
}

ul.contact li:after {
    content: '';
    display: block;
    clear: both;
}

/* Icons */

.icon {
    text-decoration: none;
}

.icon:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.25em;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    /*line-height: 1; Makes the icons not centered..*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon.major {
    text-align: center;
    cursor: default;
    background-color: #37c0fb;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
    background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
    color: #fff;
    /*border-radius: 100%; Makes it a circle.*/
    display: inline-block;
    width: 5em;
    height: 5em;
    line-height: 5em;
    box-shadow: 0 0 0 7px white, 0 0 0 8px #e0e0e0;
    margin: 4em 0 2em 0;
}

.icon.major:before {
    font-size: 36px;
}

.email {
    color: #00a6eb;
    text-decoration: underline;
}

.email:hover {
    text-decoration: none;
    cursor: pointer;
}

.email:after{
    content:'\40 siriusstructures.com';
}


/* Desktop */

@media screen and (min-width: 737px) {

    /* Basic */

    h2 {
	font-size: 2.25em;
	letter-spacing: -2px;
	margin: 0 0 1.5em 0;
    }

    h3 {
	font-size: 1em;
    }

    section > :last-child, article > :last-child {
			       margin-bottom: 0;
			   }

    /* Wrappers */

    #header-wrapper {
	background: #00a6eb;
    box-shadow: inset 0px 0px 10px 0px #00648d;
/*    box-shadow: 0px 0px 15px gray;*/
	padding: 1.5em 0 0.5em 0;
    }

    #banner-wrapper {
	position: relative;
	background: #2f2f2f url("images/overlay.png");
	padding: 4em 0 4em 0;
    }

    #banner-wrapper:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("images/highlight.png") bottom center no-repeat;
	background-size: 1800px 100%;
    }

    #main-wrapper {
	padding: 2em 0 2em 0;
    }

    #footer-wrapper {
	background: #e9e9e9;
	border-top: solid 1px #d9d9d9;
	padding: 5em 0 5em 0;
    }

    /* Header */

    #page-header {
	color: #fff;
	position: relative;
    }

    #page-header a {
	color: #fff;
    }

    #page-header nav {
	position: absolute;/*Do absolute & top: 60% work together...?*/
	right: 0;
	top: 60%;
    }

    #page-header nav ul li {
	display: inline-block;
	/*margin-left: 1.5em;*/
	font-size: 1.25em;
    }

    #page-header nav ul li a {
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	outline: 0;
	position: relative;
	text-decoration: none;
	padding: 1em 1em 1em 1em;
    }

    #page-header nav ul li.active a, #page-header nav ul li:hover a {
					 background: rgba(0, 0, 0, 0.15);
				     }

    #page-header nav > ul > li > ul {
	display: none;
    }

    /* Banner */

    #banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
	height: 440px;
    }

    #banner .nav-next, #banner .nav-previous {
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	position: absolute;
	width: 52px;
	height: 64px;
	z-index: 3;
	opacity: 0;
	cursor: pointer;
	text-align: center;
	line-height: 64px;
    }

    #banner .nav-next:before, #banner .nav-previous:before {
				  font-family: FontAwesome;
				  text-decoration: none;
				  font-size: 72px;
				  font-style: normal;
				  font-weight: normal;
				  -webkit-font-smoothing: antialiased;
				  -moz-osx-font-smoothing: grayscale;
				  color: #fff;
			      }
    
    #banner:hover .nav-next, #banner:hover .nav-previous {
				 opacity: 0.45;
			     }
    
    #banner .nav-next:hover, #banner .nav-previous:hover {
				 opacity: 1.0;
			     }
    
    #banner .nav-next {
	bottom: 20px;
	right: 20px;
    }
    
    #banner .nav-next:before {
	content: "\f105";
    }
    
    #banner .nav-previous {
	bottom: 20px;
	right: 72px;
    }
    
    #banner .nav-previous:before {
	content: "\f104";
    }
    
    #banner .captions {
	position: absolute;
	background: #00a6eb;
	background: rgba(0, 166, 235, 0.9);
	padding: 4em 7em 2.5em 2.5em;
	bottom: 1.5em;
	left: 1.5em;
	color: #fff;
	width: 50%;
	z-index: 1;
    }
    
    #banner .captions:after {
	content: "\f0a9";
	font-family: FontAwesome;
	text-decoration: none;
	font-size: 55px;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: default;
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	right: 30px;
	bottom: 40px;
    }
    
    #banner .captions .caption-line-1 {
	display: block;
	font-size: 3em;
	letter-spacing: -3px;
	margin: 0 0 0.75em 0;
    }
    
    #banner .captions .caption-line-2 {
	display: block;
	font-size: 1.5em;
	letter-spacing: -1px;
	line-height: 1.5em;
	color: rgba(255, 255, 255, 0.8);
    }
    
    #banner .viewer {
	background: #fff;
    }
    
    #banner .slide .caption-1, #banner .slide .caption-2 {
	display: none;
    }
    
    #banner .slide img {
	display: block;
	width: 100%;/*Used to be 1200px. This seems to work better.*/
    }
    
    #banner .slide .link {
	position: absolute;
	text-indent: -9999px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
    }
    
    /* Box */
    
    .box.highlight {
	text-align: center;
	font-size: 140%;
	padding: 0em 2em;
    }
    
    /* Content */
    
    #content > section, #content > article {
	margin-bottom: 7.5em;
    }

    #content > section:last-child, #content > article:last-child {
				       margin-bottom: 1em;/*Used to be 0.*/
				   }

    #content section header, #content article header {
	margin: 0 0 3em 0;
	padding-top: 2em;
    }
/*New crap!*/
    #content article header:before, #content article header:after {
					content: '';
					display: block;
					background-color: #00a6eb;
					height: 7px;
					width: 85%;
					margin-left: auto;
					margin-right: auto;
				    }

    #content article header:before {
	margin-bottom: 8em;
    }
/*End new crap!*/

    #content section header .byline, #content article header .byline {
	display: block;
	color: #a0a0a0;
	font-size: 1.25em;
    }

    #content section header h2, #content article header h2 {
	margin: 0 0 0.5em 0;
    }

    #content section.featured header .byline, #content article.featured header .byline {
	font-size: 2em;
	letter-spacing: -2px;
	padding: 0 2em 1em 2em;/**/
    }

    #content section.featured header h2, #content article.featured header h2 {
	font-size: 4em;
	letter-spacing: -3px;
	margin: 0.25em 0 0.75em 0;
	padding: 0 1em 0 1em;/**/
    }

    #content section.featured h3, #content article.featured h3 {
	font-size: 1.5em;
	letter-spacing: -1px;
	margin: 0 0 1em 0;
	font-weight: 200;
    }
/*New crap*/
    .featured > section {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	min-height: 22.5em;
    }

    .featured > section .photo {
	background-size: cover;
	border-radius: 0;
	width: 50%;
    height: 100%; /*No matter what value, the height doesn't change..*/
    }

    #map{
        height: 35em;
    }

/*This adds a small border beside the photos.  Not sure if it's the best way to do it.*/
    .featured > section:nth-child(even) .photo {
	padding-left: 2em;
    }

    .featured > section:nth-child(odd) .photo {
	padding-right: 2em;
    }
    
    .featured > section .paragraph {
	padding: 2em 4em 2em 4em ;
	width: 50%;
    }

    .featured > section .paragraph p{
        padding-bottom: 2em;
    }

    .featured > section .paragraph p:last-of-type {
        padding-bottom: 0em;
    }    

    .featured > section:nth-child(odd) {
	-moz-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
    }

    .home-content {
	padding: 0 3em 2.5em 3em;
    }

    .list {
    padding-left: 2em;
    padding-bottom: 2em;
    }
    
    /*End new crap*/

    /* Copyright */

    #copyright {
	text-align: center;
	padding: 1em 0 3em 0;
	color: #a0a0a0;
    }

}

/* Tablet */

@media screen and (min-width: 737px) and (max-width: 1200px) {

    /* Basic */

    body {
	min-width: 1000px;
	font-size: 9.5pt;
    }

    /* Wrappers */

    #header-wrapper {
	padding: 1.5em 0 0.5em 0;
    }

    #banner-wrapper {
	padding: 2em 0 2em 0;
    }

    #banner-wrapper:before {
	background-size: 1400px 100%;
    }

    #main-wrapper {
	padding: 2em 0 2em 0;
    }

    #footer-wrapper {
	padding: 4em 0 3em 0;
    }
    
    /* Header */
    
    #page-header h1 {
	font-size: 2em;
	letter-spacing: -1px;
    }
    
    #page-header nav ul li {
	margin-left: 0.5em;
    }

    /* Banner */

    #banner {
	height: 352px;
    }

    #banner .nav-next {
	right: 10px;
	bottom: 30px;
    }
    
    #banner .nav-previous {
	right: 62px;
	bottom: 30px;
    }
    
    #banner .captions {
	padding: 3em 7em 2em 2em;
	bottom: 1.25em;
	left: 1.25em;
	color: #fff;
    }
    
    #banner .captions:after {
	right: 20px;
	bottom: 25px;
    }
    
    #banner .captions .caption-line-1 {
	font-size: 2.5em;
	letter-spacing: -2px;
    }
    
    #banner .captions .caption-line-2 {
	font-size: 1.25em;
	letter-spacing: -1px;
	line-height: 1.25em;
    }
    
    #banner .slide img {
	width: 100%;/*Used to be 1001px*/
    }
    
    /* Box */
    
    .box.highlight {
	padding: 0em 1.25em;
    }
    
    /* Content */
    
    #content > section, #content > article {
	margin-bottom: 4em;
    } 

    /* Copyright */

    #copyright {
	padding: 3em 0 4em 0;
    }

}

/* Mobile */

#navPanel, #titleBar {
    display: none;
}

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

    /* Basic */

    html, body {
	overflow-x: hidden;
    }

    body {
	line-height: 1.75em;
	font-size: 9.5pt;
    }

    h2 {
	font-size: 1.5em;
	margin: 0 0 1.5em 0;
	letter-spacing: -1px;
    }

    section, article {
	clear: both;
	margin: 0 0 5em 0;
    }

    section > :last-child, section:last-child, article > :last-child, article:last-child {
									  margin-bottom: 2em; !important;
								      }/*Used to be zero.*/

    section header, article header {
	margin: 0 0 2.5em 0;
    }

    section header .byline, article header .byline {
	display: block;
	color: #a0a0a0;
	font-size: 1.25em;
	line-height: 1em;
	padding-bottom: 1em;/*New!*/
    }

    section header h2, article header h2 {
	margin: 0 0 0.5em 0 !important;
    }

    section.featured header .byline, article.featured header .byline {
	font-size: 1.5em;
	letter-spacing: -1px;
    }

    section.featured header h2, article.featured header h2 {
	font-size: 2em;
	letter-spacing: -2px;
	margin: 0.25em 0 0.75em 0;
	line-height: 1em;
    }
/*New crap!*/
    #content article header:before, #content article header:after {
					content: '';
					display: block;
					background-color: #00a6eb;
					height: 5px;
					width: 85%;
					margin-left: auto;
					margin-right: auto;
				    }

    #content article header:before {
	margin-bottom: 6em;
    }

    .featured > section .paragraph p{
        padding-bottom: 2em;
    }

    .featured > section .paragraph p:last-child {
        padding-bottom: 0em;
    }

    .list {
    padding-left: 2em;
    padding-bottom: 2em;
    }


/*End new crap!*/

    .align-left {
	margin-bottom: 1em;
    }

    .image-fit-mobileOnly {
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
    }

    .image-fit-mobileOnly img {
	width: 100%;
    }

    /* Wrappers */

    #header-wrapper {
	display: none;
    }

    #main-wrapper {
	padding: 6em 20px 0em 20px;
    }

    #footer-wrapper {
	background: #e9e9e9;
	border-top: solid 1px #d9d9d9;
	padding: 4em 20px 4em 20px;
    }

    /* Off-Canvas Navigation */

    #page-wrapper {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	padding-bottom: 1px;
	padding-top: 4px;
    }

    #titleBar {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	display: block;
	height: 44px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10001;
	background: #00a6eb;
	color: #fff;
    }

    #titleBar .title {
	display: block;
	text-align: center;
	font-size: 1.25em;
	letter-spacing: -1px;
	line-height: 44px;
    }

    #titleBar .title span {
	font-weight: 400;
    }

    #titleBar .toggle {
	position: absolute;
	text-indent: -9999px;
	left: 0;
	top: 0;
	width: 70px;
	height: 50px;
    }

    #titleBar .toggle:before {
	content: '';
	display: block;
	position: absolute;
	background: rgba(0, 0, 0, 0.1) url("images/toggle.svg") 13px 10px no-repeat;
	width: 50px;
	height: 30px;
	top: 7px;
	left: 7px;
    }

    #titleBar .toggle:active:before {
	background-color: rgba(0, 0, 0, 0.3);
    }

    #navPanel {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translateX(-275px);
	-webkit-transform: translateX(-275px);
	-ms-transform: translateX(-275px);
	transform: translateX(-275px);
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	display: block;
	height: 100%;
	left: 0;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 275px;
	z-index: 10002;
	background: #2f2f2f url("images/overlay.png");
	box-shadow: inset -3px 0px 3px 0px #282828;
    }

    #navPanel .link {
	display: block;
	color: #aaa;
	text-decoration: none;
	border-top: solid 1px rgba(255, 255, 255, 0.1);
	height: 44px;
	line-height: 44px;
	padding: 0 1.5em 0 1.5em;
    }

    #navPanel .link:first-child {
	border-top: 0;
    }

    #navPanel .indent-1 {
	display: inline-block;
	width: 1em;
    }

    #navPanel .indent-2 {
	display: inline-block;
	width: 2em;
    }

    #navPanel .indent-3 {
	display: inline-block;
	width: 3em;
    }

    #navPanel .indent-4 {
	display: inline-block;
	width: 4em;
    }

    #navPanel .indent-5 {
	display: inline-block;
	width: 5em;
    }

    #navPanel .depth-0 {
	color: #fff;
    }

    body.navPanel-visible #page-wrapper {
	-moz-transform: translateX(275px);
	-webkit-transform: translateX(275px);
	-ms-transform: translateX(275px);
	transform: translateX(275px);
    }

    body.navPanel-visible #titleBar {
	-moz-transform: translateX(275px);
	-webkit-transform: translateX(275px);
	-ms-transform: translateX(275px);
	transform: translateX(275px);
    }

    body.navPanel-visible #navPanel {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
    }

    /* Banner */

    #banner {
	position: relative;
	width: 100%;
    }

    #banner .nav-next, #banner .nav-previous {
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
	position: absolute;
	top: 0;
	width: 70px;
	height: 100%;
	z-index: 3;
	cursor: pointer;
	opacity: 0.75;
    }

    #banner .nav-next:before, #banner .nav-previous:before {
				  font-family: FontAwesome;
				  text-decoration: none;
				  font-size: 72px;
				  font-style: normal;
				  font-weight: normal;
				  -webkit-font-smoothing: antialiased;
				  -moz-osx-font-smoothing: grayscale;
				  color: #fff;
				  display: block;
				  width: 52px;
				  height: 64px;
				  line-height: 64px;
				  position: absolute;
				  text-align: center;
				  top: 50%;
				  left: 50%;
				  margin: -32px 0 0 -26px;
			      }

    #banner .nav-next:hover, #banner .nav-previous:hover {
				 opacity: 1.0;
			     }

    #banner .nav-next {
	right: 0;
    }

    #banner .nav-next:before {
	content: "\f105";
    }

    #banner .nav-previous {
	left: 0;
    }

    #banner .nav-previous:before {
	content: "\f104";
    }

    #banner .captions {
	position: relative;
	background: #2f2f2f url("images/overlay.png");
	color: #fff;
	padding: 1.75em 20px 1.75em 20px;
    }

    #banner .captions .caption-line-1 {
	font-size: 1.5em;
	letter-spacing: -1px;
	display: block;
	margin: 0 0 0.5em 0;
    }

    #banner .captions .caption-line-2 {
	font-size: 1.1em;
	color: rgba(255, 255, 255, 0.8);
    }

    #banner .viewer {
	background: #fff;
    }

    #banner .slide img {
	display: block;
	width: 100%;
    }

    #banner .slide .link {
	position: absolute;
	text-indent: -9999px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
    }

    /* Box */

    .box.highlight {
	text-align: left;
	position: relative;
	padding-left: 7em;
	padding-bottom: 6em;/*New!*/
    }

    .box.highlight i {
	position: absolute;
	margin: 0;
	left: 0;
	top: 0.25em;
    }

    .featured > section .photo {
	width: 100%;
    }

    /* Copyright */

    #copyright {
	text-align: center;
	padding: 0em 0 0 0;
	color: #a0a0a0;
    }

}