body { font-family: Tahoma; font-weight: 300; font-size: 1em; border:0; }
* { padding: 0; margin: 0; box-sizing: border-box; }

.content { }

.header { position: absolute; top: 0; left: 0; background: #050a2f; height: 300px; width: 100%; }
.headerportrait { position: absolute; top: 0; left: 0; background: #050a2f; height: 900px; width: 100%; }
.headerpanelleft { position: absolute; top: 0; left: 0; }
.headerpanelleftportrait { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); }
.headerpanelcenter { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); background: white; width: 40%; height: 100%; }
.headerpanelcenterportrait { background: #FFFFFF; position: absolute; top: 300px; left: 0; width: 100%; }
.headerpanelright { position: absolute; top: 0; right: 0; }
.headerpanelrightportrait { position: absolute; top: 600px; left: 50%; transform: translate(-30%, 0); }
.headerpanelrightimage { margin-top: 50px; }

.candidatename { width: 100%; text-align: center; position: absolute; top: 50px; left: 0; font-family: Georgia, serif; font-size: 4em; letter-spacing: 0.1px; word-spacing: 0.6px; color: #FF5A30; font-weight: 900; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; }
.candidateoffice { color: #050a2f; width: 90%; text-align: center; position: absolute; top: 120px; left: 5%; font-family: Georgia, serif; font-size: 2em; letter-spacing: 0.1px; word-spacing: 0.6px; font-weight: 700; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; }

.candidatenameportrait { background: #FFFFFF; height: 150px; width: 100%; text-align: center; position: absolute; top: 50px; left: 0; font-family: Georgia, serif; font-size: 3em; letter-spacing: 0.1px; word-spacing: 0.6px; color: #FF5A30; font-weight: 900; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; }
.candidateofficeportrait { background: #FFFFFF; height: 130px; color: #050a2f; width: 100%; text-align: center; position: absolute; top: 120px; left: 0; font-family: Georgia, serif; font-size: 1.5em; letter-spacing: 0.1px; word-spacing: 0.6px; font-weight: 700; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; }


.socialmediaicons { position: absolute; top: 70px; right: 330px; }
.socialmediaiconsportrait { position: absolute; top: 0; left: 0; }
.socialmediaicon { cursor: pointer; height: 50px; width: 50px; }
#youtubelink { position: absolute; top: -30px; right: 10px; }
#twitterlink { position: absolute; top: 30px; right: 10px; }
#facebooklink { position: absolute; top: 90px; right: 10px; }
#instagramlink { position: absolute; top: 150px; right: 10px; }
.menuicon { visibility: hidden; }
.menuiconportrait { position: absolute; top: 210px; right: 10px; }

.mainmenu { position: absolute; top: 300px; left: 0; width: 100%; color: #050a2f; font-size: 1.5em; font-weight: 700; text-align: center; }
.mainmenuitem { margin-top: 5px; margin-left: 10px; margin-right: 20px; cursor: pointer; text-decoration: underline; }
#portraitmenu { height: 200px; width: 100%; position: absolute; left: 0; top: 50px; }
.mainmenuitemportrait { box-sizing: border-box; width: 100%; height: 26px; border-style: outset; border-width: 2px; border-color: white; border-radius: 2px; color: #050a2f; background: #ffffff; text-align: center; margin-top: 2px; }

a { color: #050a2f; }

.langswitch {
	position: absolute;
	bottom: 10px; right: 160px;
	width: 150px;
	font-size: 1.5em;
}
.langlink {
	color: white;
}

.langswitchportrait {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	text-align: center;
	font-size: 1.5em;
}
.langlinkportrait {
	color: white;
}


.bio { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 350px; left: 20%; }
.bioportrait { font-size: 1.1em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 920px; left: 5%; }
.biotitle { font-size: 3.0em; font-weight: 900; }
.biotitleportrait { font-size: 1.8em; font-weight: 900; }
.bioline { width: 100%; padding: 10px; font-size: 1.5em; font-weight: 500; }
.districtmap { width: 90%; height: auto; position: absolute; top: 1100px; left: 50%; transform: translate(-25%, 0); }
.districtmapportrait { position: absolute; top: 2100px; left: 50%; transform: translate(-50%, 0); }
.strinktofitportrait { }

.endorsements { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 350px; left: 20%; cursor: pointer; }
.endorsementsportrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 920px; left: 5%; }
.endorsementstitle { font-size: 3.0em; font-weight: 900; }
.endorsementstitleportrait { font-size: 1.2em; font-weight: 900; }
.endorsementline { width: 100%; padding: 10px; padding-left: 100px; font-size: 1.5em; font-weight: 600; line-height: 30px; }
.endorsementlineportrait { width: 100%; padding: 10px; font-size: .8em; font-weight: 600; line-height: 30px; }

.votes { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 350px; left: 20%; cursor: pointer; }
.votesportrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 920px; left: 5%; }
.votestitle { font-size: 3.0em; font-weight: 900; }
.votestitleportrait { font-size: 1.2em; font-weight: 900; }

.vote { width: 300px; height: 320px; padding: 4px; border-style: groove; border-color: #050a2f; border-width: 2px; border-radius: 5px; margin: 10px; float: left; font-size: 1.2em; }
.voteportrait { width: 300px; height: 320px; padding: 4px; border-style: groove; border-color: #050a2f; border-width: 2px; border-radius: 5px; margin: 10px; float: left; font-size: 1.2em; }
.billnumber { width: 49%; background: #050a2f; color: white; text-align: center; float: left; }
.billnumberportrait { width: 49%; background: #050a2f; color: white; text-align: center; float: left; }
.billdate { width: 49%; background: #050a2f; color: white; text-align: center; float: right; }
.billdateportrait { width: 49%; background: #050a2f; color: white; text-align: center; float: right; }
.billtitle { width: 90%; color: #050a2f; text-align: center; margin-left: 5%; border-style: groove; border-width: 0px; border-color: #050a2f; border-bottom-width: 1px; }
.billtitleportrait { font-size: .8em; width: 90%; color: #050a2f; text-align: center; margin-left: 5%; border-style: groove; border-width: 0px; border-color: #050a2f; border-bottom-width: 1px; }
.billvote { width: 90%; color: #050a2f; text-align: center; margin-left: 5%; margin-top: 5px; }
.billvoteportrait { font-size: .8em; width: 90%; color: #050a2f; text-align: center; margin-left: 5%; margin-top: 5px; }
.billpass{ width: 90%; color: #050a2f; text-align: center; margin-left: 5%; margin-top: 5px; border-style: groove; border-width: 0px; border-color: #050a2f; border-bottom-width: 1px; }
.billpassportrait{ font-size: .8em; width: 90%; color: #050a2f; text-align: center; margin-left: 5%; margin-top: 5px; border-style: groove; border-width: 0px; border-color: #050a2f; border-bottom-width: 1px; }
.billcomments { width: 90%; color: #050a2f; text-align: center; margin-left: 5%; margin-top: 5px; }
.billcommentsportrait { font-size: .8em; width: 90%; color: #050a2f; text-align: center; margin-left: 5%; margin-top: 5px; }


.policies { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 350px; left: 20%; cursor: pointer; }
.policiesportrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 920px; left: 5%; }
.policiestitle { font-size: 3.0em; font-weight: 900; }
.policiestitleportrait { font-size: 1.2em; font-weight: 900; }

.policy { box-sizing: border-box; border-style: inset; border-width: 0px; border-color: #000066; width: 100%; height: auto; text-align: left; }
.policytitle { box-sizing: border-box; font-size: 2.0em; font-weight: 600; width: 100%; height: 50px; line-height: 50px; text-align: left`; }
.policytitleportrait { box-sizing: border-box; font-size: 1em; font-weight: 600; width: 100%; height: 50px; line-height: 30px; text-align: center; }
.policytext { box-sizing: border-box; font-size: 1.5em; font-weight: 300; width: 100%; text-align: left; margin-left: 40px; }
.policytextportrait { box-sizing: border-box; font-size: .8em; font-weight: 300; width: 100%; text-align: center; }




.calltoaction { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 1950px; left: 20%; text-align: center; }
.calltoactionportrait { background: #ffffff; color: #050a2f; width: 90%; height: 220px; position: absolute; top: 2550px; left: 5%; text-align: center; }
.calltoactiontitle { width: 100%; text-align: center; font-size: 3.0em; font-weight: 900; }
.calltoactiontitleportrait { width: 100%; text-align: center; font-size: 2.0em; font-weight: 900; }
.calltoactionline { width: 100%; padding: 10px; font-size: 1.5em; font-weight: 500; }
.calltoactionlineportrait { width: 80%; padding: 10px; font-size: 1.5em; font-weight: 500; }
.calltoactionbutton { background: #050a2f; color: #ffffff; width: 100%; padding: 10px; font-size: 1.5em; font-weight: 500; }
.calltoactionbuttonportrait { background: #050a2f; color: #ffffff; width: 100%; padding: 10px; font-size: 1.5em; font-weight: 500; }

.events { background: #ffffff; color: #050a2f; width: 60%; min-width: 1000px; position: absolute; top: 350px; left: 20%; cursor: pointer; }
.eventsportrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 920px; left: 5%; }
.eventstitle { font-size: 3.0em; font-weight: 900; }
.eventstitleportrait { font-size: 1.2em; font-weight: 900; }

.eventline { width: 100%; padding: 10px; padding-left: 100px; font-size: 1.2em; font-weight: 500; border-style: inset; border-width: 0; border-color: #000066; border-bottom-width: 0px; }
.eventlineportrait { width: 100%; padding: 10px; font-size: .8em; font-weight: 500; }
.eventname { width: 240px; text-align: center; margin-left: 4px; margin-right: 4px; float: left; }
.eventnameportrait { width: 240px; line-height: 30px; text-align: left; margin-left: 4px; margin-right: 4px; float: left; }
.eventdate { width: 150px; border-bottom-width: 1px; text-align: center; margin-left: 4px; margin-right: 4px; float: left; }
.eventdateportrait { width: 150px; text-align: left; margin-left: 4px; margin-right: 4px; float: left; }
.eventtime { width: 150px; border-bottom-width: 1px; text-align: center; margin-left: 4px; margin-right: 4px; float: left; }
.eventtimeportrait { width: 150px; text-align: left; margin-left: 4px; margin-right: 4px; float: left; }
.eventwhere { width: 240px; border-bottom-width: 1px; text-align: center; margin-left: 4px; margin-right: 4px; float: left; }
.eventwhereportrait { width: 240px; border-bottom-width: 1px; text-align: left; margin-left: 4px; margin-right: 4px; float: left; }



.contactus { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 350px; left: 20%; cursor: pointer; }
.contactusportrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 920px; left: 5%; }
.contactustitle { font-size: 3.0em; font-weight: 900; }
.contactustitleportrait { font-size: 1.2em; font-weight: 900; }
.contactuspanel { width: 100%; height: 400px; }
.contactuspanelportrait { width: 100%; height: 800px; }

.ctslabel { font-size: 1.2em; position: absolute; }
.ctslabelportrait { font-size: 1em; position: absolute; }
.ctslabel#requiredlabel { position: absolute; top: 80px; left: 10px; }
.ctslabelportrait#requiredlabel { position: absolute; top: 25px; left: 10px; }


.ctsinput { font-size: 1.2em; position: absolute; }
.ctsinputportrait { font-size: 1em; position: absolute; }
.ctschkbox { font-size: 1.2em; position: absolute; }
.ctschkboxportrait { font-size: 1em; position: absolute; }
.ctsselect { font-size: 1.2em; position: absolute; }
.ctsselectportrait { font-size: 1.0em; position: absolute; }
.ctsoption { font-size: 1.2em; }
.ctsoptionportrait { font-size: 1.0em; }

LABEL#ctsinputname { top: 130px; left: 10px; width: 120px; text-align: right;}
LABEL.ctslabelportrait#ctsinputname { top: 50px; left: 10px; width: 120px; text-align: left; }
INPUT#ctsinputname { top: 130px; left: 130px; width: 300px; }
INPUT.ctsinputportrait#ctsinputname { top: 70px; left: 10px; width: 300px; }

LABEL#ctsinputemail { top: 160px; left: 10px; width: 120px; text-align: right;}
LABEL.ctslabelportrait#ctsinputemail { top: 100px; left: 10px; width: 120px; text-align: left;}
INPUT#ctsinputemail { top: 160px; left: 130px; width: 300px; }
INPUT.ctsinputportrait#ctsinputemail { top: 120px; left: 10px; width: 300px; }

LABEL#ctsinputphone { top: 190px; left: 10px; width: 120px; text-align: right;}
LABEL.ctslabelportrait#ctsinputphone { top: 150px; left: 10px; width: 120px; text-align: left;}
INPUT#ctsinputphone { top: 190px; left: 130px; width: 300px; }
INPUT.ctsinputportrait#ctsinputphone { top: 170px; left: 10px; width: 300px; }

LABEL#ctsstateselect { top: 220px; left: 10px; width: 120px; text-align: right; }
LABEL.ctslabelportrait#ctsstateselect { top: 205px; left: 10px; width: 120px; text-align: left; }
SELECT#ctsstateselect { top: 220px; left: 130px; width: 80px; }
SELECT.ctsselectportrait#ctsstateselect { top: 200px; left: 80px; width: 100px; }


LABEL#ctscountyselectlabel { top: 220px; left: 218px; width: 80px; text-align: right; }
LABEL.ctslabelportrait#ctscountyselectlabel { top: 235px; left: 10px; width: 120px; text-align: left; }
SELECT#ctscountyselect { top: 220px; left: 300px; width: 130px; }
SELECT.ctsselectportrait#ctscountyselect { top: 230px; left: 80px; width: 130px; }


LABEL#ctstextareamessage { top: 260px; left: 10px; width: 120px; text-align: right; }
LABEL.ctslabelportrait#ctstextareamessage { top: 260px; left: 10px; width: 120px; text-align: left; }
TEXTAREA#ctstextareamessage { font-size: 1.6em; position: absolute; width: 300px; height: 160px; top: 260px; left: 130px; }
TEXTAREA.ctstextareaportrait#ctstextareamessage { font-size: 1.2em; position: absolute; width: 300px; height: 160px; top: 280px; left: 10px; }



#optionslabel { position: absolute; top: 60px; left: 450px; }
.ctslabelportrait#optionslabel { position: absolute; top: 450px; left: 10px; }

LABEL#newsletter { top: 84px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#newsletter { top: 480px; left: 30px; width: 280px; }
input#newsletter { top: 90px; left: 450px; }
input.ctschkboxportrait#newsletter { top: 480px; left: 10px; }

LABEL#blockwalk { top: 114px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#blockwalk { top: 510px; left: 30px; width: 280px; }
input#blockwalk { top: 120px; left: 450px; }
input.ctschkboxportrait#blockwalk { top: 510px; left: 10px; }

LABEL#phonebank { top: 144px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#phonebank { top: 540px; left: 30px; width: 280px; }
input#phonebank { top: 150px; left: 450px; }
input.ctschkboxportrait#phonebank { top: 540px; left: 10px; }

LABEL#registervoters { top: 174px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#registervoters { top: 570px; left: 30px; width: 280px; }
input#registervoters { top: 180px; left: 450px; }
input.ctschkboxportrait#registervoters { top: 570px; left: 10px; }

LABEL#attendevents { top: 204px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#attendevents { top: 600px; left: 30px; width: 280px; }
input#attendevents { top: 210px; left: 450px; }
input.ctschkboxportrait#attendevents { top: 600px; left: 10px; }




#issueslabel { position: absolute; top: 240px; left: 450px; }
.ctslabelportrait#issueslabel { position: absolute; top: 630px; left: 10px; }

LABEL#education { top: 264px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#education { top: 660px; left: 30px; width: 280px; }
input#education { top: 270px; left: 450px; }
input.ctschkboxportrait#education { top: 660px; left: 10px; }

LABEL#health { top: 294px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#health { top: 690px; left: 30px; width: 280px; }
input#health { top: 300px; left: 450px; }
input.ctschkboxportrait#health { top: 690px; left: 10px; }

LABEL#climate { top: 324px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#climate { top: 720px; left: 30px; width: 280px; }
input#climate { top: 330px; left: 450px; }
input.ctschkboxportrait#climate { top: 720px; left: 10px; }

LABEL#gunreform { top: 354px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#gunreform { top: 750px; left: 30px; width: 280px; }
input#gunreform { top: 360px; left: 450px; }
input.ctschkboxportrait#gunreform { top: 750px; left: 10px; }

LABEL#bordersecurity { top: 384px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#bordersecurity { top: 780px; left: 30px; width: 280px; }
input#bordersecurity { top: 390px; left: 450px; }
input.ctschkboxportrait#bordersecurity { top: 780px; left: 10px; }

LABEL#veterans { top: 414px; left: 465px; width: 320px; }
LABEL.ctslabelportrait#veterans { top: 810px; left: 30px; width: 280px; }
input#veterans { top: 420px; left: 450px; }
input.ctschkboxportrait#veterans { top: 810px; left: 10px; }

input#ctssubmitbutton { color: #050a2f; padding: 4px; font-size: 1.2em; position: absolute; top: 440px; left: 130px; text-decoration: underline; }
input.ctssubmitportrait#ctssubmitbutton { color: #050a2f; padding: 4px; font-size: 1.2em; position: absolute; top: 840px; left: 100px; text-decoration: underline; }

a.ppbutton { position: absolute; top: 445px; left: 260px; text-decoration: underline; color: #050a2f; padding: 4px; font-size: .8em; }
.ppframe { width: 60%; position: absolute; top: 350px; left: 20%; height: 500px; }
.ppclose { width: 100px; position: absolute; top: 330px; left: 20%; height: 30px; }

a.ppbuttonportrait { position: absolute; top: 885px; left: 0; width: 300px; text-align: center; text-decoration: underline; color: #050a2f; padding: 4px; font-size: .8em; }
.ppframeportrait { width: 90%; position: absolute; top: 920px; left: 5%; height: 1000px; }
.ppcloseportrait { position: absolute; top: 1960px; left: 40%; width: 20%; text-align: center; }

.morepics1 { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 350px; left: 20%; cursor: pointer; }
.morepics1portrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 920px; left: 5%; }
.morepics1title { font-size: 3.0em; font-weight: 900; color: #050a2f; }
.morepics1titleportrait { font-size: 1.2em; font-weight: 900; }
.morepicsscroller { height: 280px; width: 100%; overflow: scroll; }
.morepicsscrollerportrait { height: 360px; width: 100%; overflow: scroll; padding-bottom: 30px; }
.morepic1 { float: left; height: 240px; width: 240px; overflow: hidden; border-style: outset; border-width: 4px; border-color: #050a2f; margin: 4px; }
.morepic1portrait { float: left; height: 150px; width: 150px; overflow: hidden; border-style: outset; border-width: 4px; border-color: #050a2f; margin: 4px; }

.moreresources { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 750px; left: 20%; cursor: pointer; }
.moreresourcesportrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 1340px; left: 5%; }
.moreresourcestitle { font-size: 3.0em; font-weight: 900; color: #050a2f; }
.moreresourcestitleportrait { font-size: 1.2em; font-weight: 900; }
.moreresourceslist { height: 180px; width: 100%; color: #050a2f; }
.moreresourcelink { font-size: 1.2em; width: 100%; }

.morecampaigns { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 950px; left: 20%; cursor: pointer; }
.morecampaignsportrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 1560px; left: 5%; }
.morecampaignstitle { font-size: 3.0em; font-weight: 900; color: #050a2f; }
.morecampaignstitleportrait { font-size: 1.2em; font-weight: 900; }
.morecampaignslist { height: 180px; width: 100%; color: #050a2f; }
.morecampaignlink { font-size: 1.2em; width: 100%; }

.morevideos { background: #ffffff; color: #050a2f; width: 60%; position: absolute; top: 1150px; left: 20%; cursor: pointer; }
.morevideosportrait { font-size: 1.2em; background: #ffffff; color: #050a2f; width: 90%; position: absolute; top: 1900px; left: 5%; }
.morevideostitle { font-size: 3.0em; font-weight: 900; color: #050a2f; }
.morevideostitleportrait { font-size: 1.2em; font-weight: 900; }
.morevideo1 { float: left; }
.morevideo1portrait { width: 150px; height: 150px; float: left; }





footer { position: absolute; top: 2200px; left: 0; background: #050a2f; height: 210px; width: 100%; }
.footerportrait { position: absolute; top: 2800px; left: 0; background: #050a2f; height: 480px; width: 100%; }
footerright { position: absolute; bottom: 0; right: 0; }
.footerrightportrait { position: absolute; top: 20px; left: 50%; transform: translate(-50%, 0); height: 200px; width: 300px; }
footerleft { position: absolute; bottom: 0; left: 0; height: 200px; width: 300px; }
.footerleftportrait { position: absolute; top: 220px; left: 50%; transform: translate(-50%, 0); height: 200px; width: 300px; color: #ffffff; }
.footerlefttitle { position: absolute; top: 40px; left: 10px; width: 100%; min-width: 400px; font-size: 1.5em; color: #ffffff; font-weight: 900; }
.footerlefttitleportrait { position: absolute; top: 40px; left: 0; width: 100%; font-size: 1.5em; color: #ffffff; font-weight: 900; text-align: center; }
a.footerleftlink { font-size: 1.0em; color: #ffffff; position: absolute; top: 70px; left: 10px; width: 100%; }
a.footerleftlinkportrait { font-size: 1.0em; color: #ffffff; position: absolute; top: 70px; left: 0; width: 100%; text-align: center; }
.footerleftaddress { position: absolute; top: 100px; left: 10px; width: 100%; font-size: 1.0em; color: #ffffff; }
.footerleftaddressportrait { position: absolute; top: 100px; left: 0; width: 100%; text-align: center; font-size: 1.0em; color: #ffffff; }
.footerleftcitystatezip { position: absolute; top: 120px; left: 10px; width: 100%; font-size: 1.0em; color: #ffffff; }
.footerleftcitystatezipportrait { position: absolute; top: 120px; left: 0; width: 100%; text-align: center; font-size: 1.0em; color: #ffffff; }

copyrightmessage { color: #ffffff; position: absolute; bottom: 14px; left: 0; width: 100%; height: 24px; line-height: 24px; text-align: center; }
.copyrightmessageportrait { color: #ffffff; position: absolute; bottom: 60px; left: 5%; width: 90%; line-height: 24px; text-align: center; }

devmessage { color: #ffffff; position: absolute; bottom: -2px; left: 0; width: 100%; height: 24px; line-height: 24px; text-align: center; }
.devmessageportrait { visibility: hidden; color: #ffffff; position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; line-height: 24px; text-align: center; }

.devlink {
	color: cyan;
}
.devlinkportrait {
	visibility: hidden;
}