/*  www.HawkinsRails.net 

All CSS by RWH except Bootstrap code 

Responsive CSS
Modifications for SM MD LG pages
based on pages.css mobile first

 */

/*  ========== SM SCREENS ==========  */

@media (min-width: 768px) {

/* PAGE TOP ELEMENTS */

.masthead {
	margin-bottom: 15px;
	border-radius: var(--corners-sm);
}

.masthead_image {
	border: 4px solid #ff6633;
	margin-left: -5px;
}
	
h1 img {
	display: inline;
}

.featuretag_alone {
	padding-right: 30px;
	padding-left: 30px;
	letter-spacing: 3px;
}

.leader .leader_flag {
	visibility: visible;
	right: 40px;
	top: -15px;
	width: 150px;
	transform: rotate(3deg);
	border-radius: 0px;
}


/* COLLECTION BANNERS */

.georgiapeaches {
	height: 65px;
}

.georgiapeaches_stripe {
	float: right;
	height: 20px;
	background-color: #F4A460;
	border-radius: var(--corners-element);
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 25px;
}

.peaches_georgia {
	height: 65px;
	width: auto;
	margin-top: -44px;
}

.peaches_peaches {
	width: auto;
	height: 60px;
	margin-top: -22px;
}

.peaches_preservation {
	position: absolute;
	width: 120px;
	top: -20px;
	right: 90px;
	z-index: -1;
}

.keystone {
	height: 70px;
}

.keystone img {
	float: right;
	width: 50%;
}

.rebelroutes {
	height: 75px;
}

.rebelroutes .rebelroutes_stripe {
	height: 35px;
	border-radius: var(--corners-element);
	float: right;
	position: relative;
	background-color: white;
	width: auto;
	padding-left: 15px;
		padding-right: 15px;
	margin-top: 15px;
}

.rebelroutes .rebelroutes_banner {
	float: left;
	width: 200px;
	margin: -18px 10px 10px;
}

.rebelroutes .rebelroutes_states {
	float: left;
	width: 75px;
	margin: -15px 10px 10px;
}

.rebelroutes .rebel_type {
	padding: 1px 10px;
	border-radius: var(--corners-element);
	color: white;
	font-weight: bold;
	float: left;
	width: auto;
	top: 15px;
	margin-top: 4px;
}

.rockymountainties {
	height: 65px;
}

.rockymountainties_stripe {
	position: relative;
	background-color: #4a83aa;
	height: 35px;
	border-radius: var(--corners-element);
	float: right;
	margin-top: 18px;
}

.rocky_flag {
	height: 40px;
	transform: rotate(-10deg);
	margin-left: 15px;
	margin-right: 15px;
	width: auto;
	display: inline;
}

.rocky_rocky {
	height: 25px;
	width: auto;
	margin-top: -5px;
}

.rocky_ties {
	margin-left: 10px;
	margin-top: -20px;
	width: auto;
	height: 55px;
}

.rustbeltroute {
	height: 60px;
}

.rustbeltroute_stripe {
	width: auto;
	margin-top: 10px;
	position: relative;
	float: right;
	height: 35px;
	background-color: white;
	border-radius: var(--corners-element);
}

.rustbelt_name {
	float: left;
	width: 195px;
	margin-right: 10px;
		margin-left: 15px;
	margin-top: -5px;
}

.rustbelt_route {
	width: 80px;
	float: left;
	margin-right: 10px;
		margin-left: 0;
	margin-top: -2px;
}

.rustbelt_states {
	float: left;
	width: 125px;
	margin-right: 10px;
	margin-top: -9px;
}

.southernpreservation {
	height: 50px;
}

.southernshort {
	height: 50px;
}

.southernshort_stripe {
	background-color: white;
	border-radius: var(--corners-element);
	float: right;
	width: auto;
	height: 35px;
	margin-top: 5px;
}

.southern_name {
	width: 200px;
	margin-right: 5px;
	margin-left: 15px;
	margin-top: 4px;
}

.southernpreservation_stripe {
	background-color: white;
	border-radius: var(--corners-element);
	float: right;
	width: auto;
	height: 35px;
	margin-top: 5px;
}

.southern_preservation {
	margin-right: 15px;
	width: 225px;
	margin-top: 3px;
}

.southern_shortline {
	margin-right: 15px;
	width: 165px;
	margin-top: 5px;
}

.switzerland {
	height: 100px;
}

.switzerland img {
	width: 40%;
	float: right;
}

.teddershortline {
	height: 80px;
}

.teddershortline_stripe {
	margin-top: 30px;
	float: right;
	position: relative;
	height: 25px;
	width: auto;
	border-radius: var(--corners-element);
	background-color: #669966;
}

.tedder_hat {
	margin-left: 10px;
	margin-right: 15px;
	float: left;
	margin-top: -5px;
	width: 50px;
}

.tedder_name {
	float: left;
	width: 200px;
	margin-top: -8px;
	margin-left: 15px;
	height: 40px;
}

.tedder_shortline {
	float: left;
	width: 90px;
	height: 20px;
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 10px;
}

.tedder_trees {
	position: absolute;
	z-index: -1;
	top: -30px;
	width: 300px;
	height: 80px;
	left: 13px;
}

.wiregrassroutes {
	height: 85px;
	overflow: visible;
}

.wiregrassroutes_stripe {
	background-color: white;
	width: auto;
	float: right;
	border-radius: var(--corners-element);
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	height: 20px;
	margin-top: 35px;
}

.wiregrass_grass {
	z-index: -1;
	position: absolute;
	width: 200px;
	right: 190px;
	top: -38px;
}

.wiregrass_route {
	float: left;
	text-transform: uppercase;
	color: olive;
	padding: 0;
	font: 20px Georgia, "Times New Roman", Times, serif;
	margin-top: -1px;
}

.wiregrass_states {
	float: left;
	width: 75px;
	margin-left: 10px;
		margin-right: 10px;
	margin-top: -30px;
}

.wiregrass_title {
	width: 200px;
	float: left;
	margin-top: -5px;
	margin-left: 10px;
		margin-right: 10px;
}

.wiregrassroutes.feature {
	margin-bottom: 50px;
}

/* SUB PAGES */


/* FEATURED PAGES */

.featured {
	padding: 40px;
	border-radius: var(--corners-sm);
}

.featured h1 {
	font-size: 3rem;
}

.featured.lagn {
	margin-top: 175px;
}

/* ROUTE PAGES */

.route_title {
	background-color: white;
	border-radius: var(--corners-sm);
	height: 120px;
	width: 100%;
}

.route_heralds {
	float: left;
	margin-right: 15px;
	width: auto;
}

.route_heralds img {
	width: 90px;
}

.route_heading {
	padding-top: 8px;
	left: 3px;
	font-weight: bold;
	font-size: 1.1rem;
}

.route_title h1 {
	font-size: 2.75rem;
}

/* LAGNIAPPE PAGES */

/* H2 and H3 SECTIONS */

.consist {
	font-size: 1.3rem;
}

.consist img {
	height: 60px;
}

.know_check {
	float: left;
	height: 60px;
	margin-top: -30px;
}

.know_your {
	color: white;
}

.know img:not(.know_check) {
	position: absolute;
	height: 65px;
	width: auto;
	margin-top: -15px;
	margin-left: 10px;
}

.lagniappe {
	height: 40px;
}

.lagniappe .lagn_word {
	margin-right: 10px;
	height: 65px;
	margin-top: -15px;
}

.lagn_extra {
	display: inline;
	float: left;
	width: 250px;
	margin-top: 5px;
	filter: opacity(.5);
}

.mile {
	font-size: 19px;
}

.look img:not(.look_glass) {
	position: absolute;
	height: 65px;
	width: auto;
	margin-left: 10px;
	margin-top: -18px;
}


.state_section {
	font-size: 3rem;
	margin-top: 100px;
	border-radius: var(--corners-element);
	color: var(--borange);
	background: white;
	margin-bottom: 30px;
	width: 100%;
	padding: 5px;
	text-align: left;
}

.state_section img {
	transform: rotate(-3deg);
	width: 200px;
	margin-top: -35px;
		margin-right: 15px;
	margin-left: 15px;
}

/* PAGE CONTENT ELEMENTS */

.article {
	padding: 25px;
	border-radius: var(--corners-sm);
}

.article h3 {
	width: 66%;
}

.article p {
	text-align: justify;
}

.article p img {
	width: 33%;
	margin-left: 7px;
	margin-top: 5px;
	float: right;
	margin-bottom: 5px;
}

.article .source {
	font-size: 1rem;
}

.banner img {
	width: 100%;
	border: 15px solid white;
	border-bottom: 20px solid white;
	height: auto;
	border-radius: var(--corners-sm);
}

.description .drop {
	padding: 2px;
	margin-top: 3px;
}

.description p {
	text-align: justify;
}

.description p img {
	float: right;
	width: 33%;
	margin-left: 10px;
	margin-bottom: 5px;
}

.description p img.large {
	border-width: 7.5px;
}

.description p img.tiny {
	border-width: 2.5px;
}

.jdate {
	width: 33%;
	float: right;
}

.journal {
	padding: 25px;
	border-radius: var(--corners-sm);
}

.journal .eth {
	width: 315px;
	max-width: none;
}

.journal .jch {
	width: 325px;
	max-width: none;
}

.journal .rwh {
	width: 250px;
	max-width: none;
}

.journal p {
	text-align: justify;
}

.journal p img {
	width: 33%;
	margin-left: 10px;
	margin-top: 5px;
	float: right;
	margin-bottom: 5px;
}

.lyrics {
	padding: 25px;
	border-radius: var(--corners-sm);
}

.lyrics p img {
	width: 33%;
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.notes p {
	text-align: justify;
}

.notes p img {
	float: right;
	width: 33%;
	margin-left: 10px;
	margin-bottom: 5px;
}

.notes p img.large {
	border-width: 7.5px;
}

.notes p img.tiny {
	border-width: 2.5px;
}

.quotation {
	padding: 25px;
	border-radius: var(--corners-sm);
}

.quotation .drop {
	width: 75px;
	border-radius: 0px;
}

.quotation .marks {
	width: 110px;
	padding: 0;
}

.quotation .marks_adjustable {
	width: 105px;
}

.quotation.new .drop {
	height: auto;
	width: 60px;
	max-height: 80px;
}

.quotation p {
	text-align: justify;
}

.quotation p img {
	width: 33%;
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.description .state {
	width: 25%;
}

.description .state_tall {
	width: 18%;
}

.description .state_wide {
	width: 33%;
}

.description .state, .description .state_tall, .description .state_wide {
	margin-left: 10px;
	margin-bottom: 10px;
}

.wikipedia .wikiw {
	float: none;
	margin-bottom: 10px;
	width: 100px;
}

/* OVERLAY IMAGES */

.overlay {
	visibility: visible;
}

/* FLOATING IMAGES */

p img.left,
p img.left.tiny,
p img.left.small,
p img.left.herald,
p img.left.seal {
	float: left;
	margin-right: 10px;
	margin-left: 0;
}

p img.right,
p img.right.tiny,
p img.right.small,
p img.right.herald,
p img.right.seal {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

p img.tiny {
	width: 30%;
}

p img.tiny.square {
	width: 20%;
}

p img.tiny.tall {
	width: 15%;
}

p img.small {
	width: 35%;
}

p img.small.square {
	width: 25%;
}

p img.small.tall {
	width: 20%;
}

p img.medium {
	width: 40%;
}

p img.medium.square {
	width: 30%;
}

p img.medium.tall {
	width: 25%;
}

p img.large {
	width: 45%;
}

p img.large.square {
	width: 35%;
}

p img.large.tall {
	width: 30%;
}

p img.half {
	width: 50%;
}

p img.mega {
	width: 55%;
}

p img.full {
	width: 100%;
	margin-bottom: 20px;
}

p img.herald {
	max-width: 200px;
	width: 17.5%;
}

p img.seal {
	width: 20%;
}

/* PHOTOS IMAGES ITEMS */

.photo.wide img:not(.details img),
.photo.pano img:not(.details img) {
	border: 10px solid white;
	border-bottom: 20px solid white;
}

.paper .row .photo.wide img,
.paper .row .photo.pano img,
.box .row .photo.wide img,
.box .row .photo.pano img {
	border-style: none;
}

.image.wide img,
.image.pano img,
.item.wide img,
.item.pano img,
.leader.wide img,
.leader.pano img {
	border: none;
}

.photo .caption,
.image .caption,
.item .caption {
	font-size: 1.2rem;
}

.image img {
	border-radius: var(--corners-sm);
}

.item .article_cover {
	visibility: visible;
	width: 200px;
	right: -25px;
}

.clock1 {
	transform: rotate(1deg);
}

.clock2 {
	transform: rotate(2deg);
}

.clock3 {
	transform: rotate(3deg);
}

.counter1 {
	transform: rotate(-1deg);
}

.counter2 {
	transform: rotate(-2deg);
}

.counter3 {
	transform: rotate(-3deg);
}

.model {
	margin-top: 50px;
}

.photo .herald_hang {
	border: none;
	width: 66%;
	max-width: 300px;
	margin-top: 15px;
	box-shadow: 0 0 0;
}

.snug {
	margin-top: 0px;
}

/* CAPTIONS and DETAILS */

/* COLUMN CONSTRAINTS */

img.king {
	width: 100px;
	right: 5px;
	top: -50px;
}


/* IMAGE STACKS */

.stackupper {
	margin-bottom: 0;
	transform: rotate(-1deg);
	margin-top: 25px;
}

.stacklower {
	transform: rotate(1deg);
	float: right;
	margin-bottom: 25px;
	}

.stackleft1 {
	width: 55%;
	z-index: 2;
}

.stackleft2 {
	width: 55%;
	z-index: 1;
	margin-top: -27%;
}

.stackright1 {
	width: 55%;
	z-index: 1;
}

.stackright2 {
	width: 55%;
	z-index: 2;
	margin-top: -27%;
}

.stacktall1 {
	width: 55%;
	max-width: 450px;
}

.stacktall2 {
	width: 55%;
	margin-top: -400px;
	max-width: 440px;
}

.stacktall3 {
	display: block;
}

.stackthree .photo img {
	border: 7.5px solid white;
	border-bottom: 12.5px solid white;
}

.stackthree1 {
	min-width: 0;
}

.stackthree2 {
	margin-top: 50px;
	display: block;
	min-width: 0;
}

.stackthree3 {
	margin-top: 30px;
	min-width: 0;
}

/* IMAGE TILES */

.tile1 img {
	padding: 5px;
}

.tile2 {
	padding: 5px;
}

.tile2 img {
	padding: 5px;
}

.tile3 {
	padding: 5px;
}

.tile3 img {
	padding: 5px;
}

.tile4 {
	padding: 3px;
}

.tile4 img {
	padding: 3px;
}

.tile1, .tile2, .tile3, .tile4, .tile5, .tile6 {
	border-radius: var(--corners-sm);
}

/*  PAPERS and BOXES  */

.paper,
.box {
	padding: 20px;
	border-radius: var(--corners-sm);
}

.paper .col-sm-3.photo img,
.paper .col-sm-4.photo img {
	border: none;
}

.paper .col-sm-3.photo.tall img,
.paper .col-sm-4.photo.tall img {
	border: none;
}

.paper .col-sm-5.photo img,
.paper .col-sm-6.photo img {
	border: none;
}

/* SCRAPBOOK AD BLOCKS */

.adblocks {
	margin-top: 15px;
}

.adblock {
	width: 230px;
}

.scrapbooks {
	background: url(../images/paper_rice.jpg) repeat;
	border-radius: var(--corners);
	padding: 25px;
}

.scrapbooks_header {
	transform: scale(1);
}

.scrapbooks .adblocks {
	gap: 5px;
	padding: 7px;
	margin-top: 0;
}

.scrapbooks .adblock {
	margin-left: 8px;
	margin-right:  8px;
	margin-bottom: 10px;
}

.scrapbooks .adblock {
	width: 209px;
}

.adblock img {
	border: solid white 10px;
	border-bottom: solid white 20px;
	margin: 0;
}

.adblock .caption {
	margin-right: 10px;
	font-size: 1.1rem;
}

.adblock .location {
	width: 30px;
	right: 4px;
	bottom: 30px;
}

.adblock .jumpto {
	width: 55px;
	right: -7px;
	bottom: 35px;
}

/* HERALDS */

.herald.sidecar {
	padding-left: 0;
}

/* FLOATING TAG ELEMENTS */
	
.alsolist img {
	height: 75px;
	margin-right: 15px;
	margin-top: 1px;
}

.alsolist li {
	margin-bottom: 7.5px;
}

.fieldclipping .tablet {
	margin-top: 10px;
	width: 100%;
	height: auto;
	max-width: 300px;
}

.lineage .lookup {
	padding-right: 35px;
}

.lineage .plate {
	height: 80px;
	float: left;
	margin-top: -15px;
	display: flex;
}

.orientation {
	text-align: right;
}

.orientation img {
	width: 50px;
	margin-top: -3px;
		margin-left: 15px;
	margin-right: 5px;
		float: right;
	}

.program p {
	margin-top: 0;
}

.steam_survivor {
	height: 40px;
	max-width: none;
	float: right;
	width: auto;
}

.steam_survivor img {
	height: 100%;
	width: auto;
}

/* STATION SIGNS */

.stationsign {
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px;
}

.col-sm-6 .stationsign {
	font-size: 2vw;
}

.col-sm-9 .stationsign {
	font-size: 4vw;
}

.col-sm-12 .stationsign {
	font-size: 5vw;
}

.amtrak_sign {
	font-size: 2.5rem;
	padding-right: 20px;
	width: 100%;
	height: 95px;
	margin-bottom: 20px;
	padding-top: 20px;
}

.stationsign.elevation {
	text-align: left;
	font-size: 4vw;
	padding: 10px 30px;
}

.elevation .feet {
	font-size: 2vw;
	float: right;
	display: block;
}

.stationsign_vertical {
	background-color: white;
	border: 7px ridge black;
	padding: 5px;
	margin-top: 15px;
	height: 400px;
}

.stationsign_vertical p {
	font: 35px RailroadRoman;
	transform: rotate(90deg);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 375px;
}

.servicestops {
	min-height: 80px;
}

.servicestops img {
	float: left;
	height: 50px;
}

/*  ROUTE TIMETABLES  */

.route_timetable th img {
	display: inline;
}

.route_timetable table td:nth-child(1) img {
	display: inline;
}

.route_timetable table th:nth-child(2),
.route_timetable table td:nth-child(2) {
	display: table-cell;
}

.route_timetable table th:nth-child(3),
.route_timetable table td:nth-child(3) {
	display: table-cell;
}

.route_timetable table th:nth-child(n+5),
.route_timetable table td:nth-child(n+5) {
	width: 20%;
}

/* LINES and SPACES */

/* TECHNICAL SHEETS */

.specsheet {
	padding: 8%;
	width: 100%;
}

.specsheet .narrow {
	top: 5px;
	width: 175px;
	left: 127px;
}

.rostersheet {
	padding: 2% 2% 3%;
	border-radius: var(--corners-sm);
}

.rostersheet td {
	padding-bottom: 7px;
	padding-right: 15px;
}

.carsheet {
	padding: 15px;
	min-height: 130px;
}

.carsheet .drumhead_column {
	position: absolute;
	padding: 0;
	width: 100px;
	right: 15px;
	top: 15px;
}

.carsheet .drumhead {
	width: 100%;
	margin: 0;
}

.carsheet li:not(.spec) {
	line-height: 1.1;
	font-size: 1rem;
	margin-left: 10px;
}

.carsheet .carnotes {
	margin-top: 5px;
}

.shorttake {
	padding: 30px;
}

.shorttake li {
	font-size: 1.1rem;
}


/* SPECIFIC SECTION ITEMS */

.route_label {
	padding: 15px 15px 15px 135px;
	font-size: 2.5rem;
	margin-top: 30px;
	margin-bottom: 30px;
}

.route_label img {
	width: 100px;
	left: 20px;
	top: -30px;
}

.route_label .route_amtrak {
	display: inline;
}

.route_review {
	width: 100%;
}

.route_review ul {
	padding: 0;
}

.route_review li {
	margin-bottom: 15px;
}

.lagn .twainontop {
	position: absolute;
	width: 175px;
	z-index: -1;
	top: -200px;
	right: 5%;
}

/* STATION and SWITCH lists */

.chaselist {
	width: 100%;
	margin: 15px 0;
	padding: 10px;
}

.chaselist .chaselist_spot {
	width: 100%;
	margin: 15px auto;
	display: block;
}

.chaselist li {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1em;
}

.chaselist p {
	font: 1rem "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	color: silver;
	font-variant: small-caps;
}

.chaselist .stop {
	font-weight: bold;
	text-transform: uppercase;
	color: var(--horange);
	font-size: 1.2rem;
	letter-spacing: 0;
}

.chaselist ul {
	list-style: none;
	list-style-type: none;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 0;
}

.chaselist_logo img {
	margin-bottom: 15px;
	width: 100%;
}

.stations {
	width: 100%;
	padding: 10px;
	margin: 15px 0;
}

.stations .flag {
	width: 75%;
	margin: 15px auto;
	display: block;
}

.stations .flag_logo {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}

.stations .route_name {
	font-size: 1.1rem;
}

.stations li {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 1rem;
}

.stations p {
	font: 1.3rem "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: center;
	color: silver;
	font-variant: small-caps;
}

.stations .stop {
	font-weight: bold;
	text-transform: uppercase;
	color: var(--horange);
	font-size: 1.4rem;
	letter-spacing: 0;
}

.stations ul {
	list-style: none;
	list-style-type: none;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 0;
}

.switchlist {
	width: 100%;
}

.switchlist img:not(.form) {
	width: 75%;
}

.switchlist li {
	line-height: 1em;
}

/* RAILROAD GLANCES */

/* STATIONS */

.photo .greatstations_ad {
	margin-bottom: 0;
	position: absolute;
	width: 40%;
	right: 40px;
	top: -65px;
	background-image: url("../images/paper_linen.jpg");
	transform: rotate(7deg);
	border: none;
	padding: 5px;
}

.stationspecs {
	padding: 15px;
}

.stationspecs_header {
	margin-bottom: 5px;
}

.stationspecs li {
	font-size: 1rem;
	margin-bottom: -2px;
}

/* PAGE BOTTOM ELEMENTS */

.arrow {
	position: absolute;
	visibility: visible;
}

.backtotop {
	margin-bottom: 15px;
}

.copyright {
	margin-top: 30px;
}

.links li {
	margin-bottom: 5px;
	margin-left: 0;
	font-size: 1.1rem;
}

.social_links {
	float: left;
	width: 40%;
}

.updated {
	margin-bottom: 15px;
}
}



/*  ========== MD SCREENS ==========  */

@media (min-width: 992px) {
	
/* PAGE TOP ELEMENTS */

.masthead {
	border-radius: var(--corners-md);
}
	
.masthead_stripe {
	width: 870px;
}

.leader .leader_flag {
	right: 50px;
	top: -20px;
	width: 200px;
}


/* COLLECTION BANNERS */

.keystone {
	height: 75px;
}

.keystone img {
	width: 40%;
}

.rebelroutes_heralds {
	float: left;
	width: 150px;
	margin: -6px 10px 10px;
}

.southernshort {
	height: 60px;
}

.southernshort_stripe {
	margin-top: 10px;
}

.southern_name {
	margin-top: -7.5px;
}

.southern_herald {
	width: 50px;
	margin-right: 3px;
	position: relative;
	margin-top: -5px;
}

.southern_shortline {
	width: 200px;
	height: 25px;
	margin-top: -7.5px;
}

.southern_preservation {
	margin-top: -7.5px;
}

.switzerland {
	height: 110px;
}

.switzerland img {
	width: 33%;
}

/* SUB PAGES */

/* FEATURED PAGES */

.featured {
	padding: 50px;
	border-radius: var(--corners-md);
}

.featured h1 {
	font-size: 3.5rem;
}

.featured .slogan {
	font-size: 1.5rem;
}

.featured .summary p {
	font-size: 1.4rem;
}

.summary p.source {
	font-size: .9rem;
}

.list-group-item.lagn_ad {
	padding: 5px;
}

/* ROUTE PAGES */

.route_title {
	position: relative;
}

.route_heading {
	z-index: 1;
	position: relative;
	border-radius: var(--corners-md);
}

.route_title h1 {
	z-index: 1;
	position: relative;
	font-size: 3.5rem;
}

.route_fill {
	position: absolute;
	height: 120px;
	z-index: 0;
	right: 0;
	top: 0;
	border-radius: 5px;
}

/* LAGNIAPPE PAGES */

.lagn_twain {
	width: 100%;
}

.featured.lagn {
	margin-top: 0;
}

.lagn_featured {
	margin-top: 0px;
}

/* H2 and H3 SECTIONS */

.lagniappe .lagn_word {
	margin-right: 15px;
	height: 75px;
	margin-top: -20px;
}

.state_section {
	font-size: 3.5rem;
	padding: 10px;
}

.state_section img {
	margin-right: 30px;
	width: 250px;
	margin-top: -50px;
}

/* PAGE CONTENT ELEMENTS */

.article p img {
	width: 33%;
	margin-left: 10px;
	margin-top: 5px;
	border-radius: var(--corners);
	float: right;
	margin-bottom: 5px;
}

.comment {
	margin: 0;
}

.quotation {
	border-radius: var(--corners-md);
}
	
.quotation .marks {
	width: 125px;
	padding: 0;
}

.wikipedia .wikiw {
	float: none;
	margin-bottom: 10px;
	width: 125px;
}

.journal {
	border-radius: var(--corners-md);
}

/* OVERLAY IMAGES */

.leader .overlay img {
	border-radius: 2px;
}

.leader_flag {
}

/* FLOATING IMAGES */

p img.left {
	float: left;
	margin-right: 10px;
	margin-left: 0;
}

p img.right {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

p img.tiny {
	width: 20%;
}

p img.tiny.square {
	width: 15%;
}

p img.tiny.tall {
	width: 15%;
}

p img.small {
	width: 25%;
}

p img.small.square {
	width: 20%;
}

p img.small.tall {
	width: 17%;
}

p img.medium {
	width: 35%;
}

p img.medium.square {
	width: 25%;
}

p img.medium.tall {
	width: 20%;
}

p img.large {
	width: 40%;
}

p img.large.square {
	width: 30%;
}

p img.large.tall {
	width: 23%;
}

p img.mega {
	width: 66%;
}

p img.full {
	width: 100%;
	margin-bottom: 20px;
}

p img.herald {
	max-width: 200px;
	width: 15%;
}

p img.seal {
	width: 17%;
}

/* PHOTOS IMAGES ITEMS */

.image img {
	border-radius: var(--corners-md);
}

.model {
	margin-top: 75px;
}

.item .article_cover {
	visibility: visible;
	right: -25px;
	width: 250px;
}

/* CAPTIONS and DETAILS */

/* COLUMN CONSTRAINTS */

.wide {
	max-width: 875px;
}

.wide.center {
	margin-left: 48px;
}

img.king {
	width: 125px;
	right: 0px;
	top: -75px;
}

/* IMAGE STACKS */

.stacktall1 {
	width: 450px;
	margin-bottom: 115px;
}

.stacktall2 {
	width: 450px;
	z-index: 1;
	float: none;
	position: absolute;
	left: 410px;
	margin-top: 100px;
	}

/* IMAGE TILES */

/*  PAPERS and BOXES  */

.paper,
.box {
	padding: 30px;
	border-radius: var(--corners-md);
}

.paper .legacy700 .caption {
	margin-right: 25px;
}

.paper .legacy700 .details {
	margin-right: 25px;
}

.paper .col-md-3.photo img,
.paper .col-md-4.photo img {
	border: none;
}

.paper .col-md-3.photo.tall img,
.paper .col-sm-4.photo.tall img {
	border: none;
}

.paper .col-md-5.photo img,
.paper .col-md-6.photo img {
	border: none;
}

/* SCRAPBOOK AD BLOCKS */

.adblock {
	width: 223px;
}

.scrapbooks {
	padding: 30px;
}

.scrapbooks .adblock {
	margin-left: 7px;
	margin-right: 8px;
}

.scrapbooks .adblocks {
	gap: 3px;
}

.scrapbooks .adblock {
	width: 206px;
}

/* HERALDS */

.herald.sidecar {
	padding-left: 5px;
}

.herald_initials {
	font-size: 2em;
}

/* FLOATING TAG ELEMENTS */

.spotlight .decade {
	font-size: 3.3rem;
	right: 33px;
}

.steam_survivor {
	height: 50px;
}

/* STATION SIGNS */

.amtrak_sign {
	font-size: 3rem;
	padding-top: 30px;
	padding-right: 25px;
	margin-bottom: 30px;
	height: 120px;
}

.black {
	border: 7px solid black;
}

.col-md-6 .stationsign {
	font-size: 2vw;
}

.col-md-9 .stationsign {
	font-size: 4vw;
}

.col-md-12 .stationsign {
	font-size: 5vw;
}

.stationsign.elevation {
	font-size: 4vw;
	padding: 10px 40px;
}

.stationsign_vertical {
	height: 525px;
	max-width: 100px;
}

.stationsign_vertical p {
	font: 40px RailroadRoman;
	height: 500px;
}

/* LINES and SPACES */

/* TECHNICAL SHEETS */

.specsheet {
	padding: 8%;
	width: 100%;
}

.specsheet .narrow {
	left: 115px;
}

.rostersheet {
	border-radius: var(--corners-md);
	position: relative;
}

.rostersheet td {
	padding-bottom: 5px;
	padding-right: 40px;
}

.rostersheet .rostersheet_heralds {
	position: absolute;
}

.rostersheet_heralds img {
	width: 100%;
	margin-bottom: 10px;
}

.carsheet {
	padding: 15px;
	width: 100%;
}

/* SPECIFIC SECTION ITEMS */

.route_label {
	font-size: 3rem;
}

/* STATION and SWITCH lists */

.stations .route_name {
	font-size: 1.3rem;
}

/* RAILROAD GLANCES */

.glance {
	max-width: 600px;
}

.glance p {
	font-size: 3.5rem;
	font-weight: normal;
	font-style: normal;
}

/*  STATIONS */

.photo .greatstations_ad {
	top: -80px;
}

.stationspecs {
	padding: 20px;
}

.stationspecs_header {
	margin-bottom: 15px;
}

.stationspecs li {
	margin-bottom: 2px;
}

/* PAGE BOTTOM ELEMENTS */

.copyright {
	margin-top: 45px;
}

.social_links {
	width: 50%;
	margin-top: 25px;
}

.updated {
	margin-top: 45px;
}
}

/*  ========== LG SCREENS ==========  */

@media (min-width: 1200px) {

/* PAGE TOP ELEMENTS */

.masthead_stripe {
	width: 1070px;
}

.leader .leader_flag {
	right: 50px;
	top: -20px;
	width: 250px;
}

/* COLLECTION BANNERS */

.keystone {
	height: 90px;
}

.switzerland {
	height: 100px;
}

.switzerland img {
	width: 25%;
}

/* SUB PAGES */

/* FEATURED PAGES */

/* ROUTE PAGES */

.route_title {
	max-width: 90%;
}

/* LAGNIAPPE PAGES */

/* H2 and H3 SECTIONS */

.state_section {
	width: 90%;
}

/* PAGE CONTENT ELEMENTS */

.description .state {
	width: 20%;
}

.description .state_tall {
	width: 15%;
}

.description .state_wide {
	width: 25%;
}

/* OVERLAY IMAGES */

/* FLOATING IMAGES */

p img.tiny {
	width: 15%;
}

p img.tiny.square {
	width: 12%;
}

p img.tiny.tall {
	width: 10%;
}

p img.small {
	width: 20%;
}

p img.small.square {
	width: 15%;
}

p img.small.tall {
	width: 12%;
}

p img.medium {
	width: 25%;
}

p img.medium.square {
	width: 17%;
}

p img.medium.tall {
	width: 15%;
}

p img.large {
	width: 30%;
}

p img.large.square {
	width: 20%;
}

p img.large.tall {
	width: 17%;
}

p img.herald {
	max-width: 200px;
	width: 10%;
}

p img.seal {
	width: 13%;
}

p .medium.shrink {
	width: 20%;
}

p .large.shrink {
	width: 25%;
}

p .medium.square.shrink {
	width: 15%;
}

p .large.square.shrink {
	width: 17%;
}

p .medium.tall.shrink {
	width: 12%;
}

p .large.tall.shrink {
	width: 15%;
}

/* PHOTOS IMAGES ITEMS */

.photo.roster img:not(.details img) {
	border: 10px solid white;
	border-bottom: 20px solid white;
}

.item .article_cover {
	width: 350px;
	right: -175px;
}

/* CAPTIONS and DETAILS */

/* COLUMN CONSTRAINTS */

.wide {
	max-width: 950px;
}

.wide.center {
	margin-left: 115px;
}

.tall.tight {
	margin-right: 85px;
}

/* IMAGE STACKS */

.stacktall1 {
	margin-bottom: 140px;
}

/* IMAGE TILES */

.spread3 img {
	width: 33.3%;
}

.spread4 img {
	width: 25%;
}

/*  PAPERS and BOXES  */

.paper,
.box {
	padding: 40px;
}

.paper .photo .caption, .paper .photo .details {
	margin-right: 25px;
}

/* SCRAPBOOK AD BLOCKS */

.adblock {
	width: 216px;
}

.scrapbooks .adblock {
	width: 197px;
}

/* HERALDS */

.herald.sidecar {
	padding-left: 15px;
}

.herald_initials {
	font-size: 2.3em;
}

/* FLOATING TAGS */

.spotlight .decade {
	font-size: 4rem;
	right: 40px;
	top: 10px;
}

/* STATION SIGNS */

.amtrak_sign {
	font-size: 4rem;
	padding-top: 35px;
	padding-right: 35px;
	margin-bottom: 45px;
	height: 145px;
}

.col-lg-6 .stationsign {
	font-size: 2vw;
}

.col-lg-9 .stationsign {
	font-size: 4vw;
}

.col-lg-12 .stationsign {
	font-size: 5vw;
}

.stationsign.elevation {
	font-size: 4vw;
	padding: 10px 50px;
}

.stationsign_vertical {
	height: 600px;
	max-width: 125px;
}

.stationsign_vertical p {
	font: 50px RailroadRoman;
	height: 580px;
}

/* LINES and SPACES */

/* TECHNICAL SHEETS */

.specsheet .narrow {
	left: 108px;
}

.carsheet {
	max-width: 920px;
}

/* SPECIFIC SECTION ITEMS */

/* STATION and SWITCH lists */

/* RAILROAD GLANCES */

/* STATIONS */

.photo .greatstations_ad {
	top: -85px;
}

.stationspecs {
	padding: 25px;
}

.stationspecs_header {
	margin-bottom: 20px;
}

.stationspecs li {
	margin-bottom: 2px;
	font-size: 1.15rem;
}

/* PAGE BOTTOM ELEMENTS */

}