ÿþ/* @@PHONE LESS THEN 374PX PORTRAIT  */

/*@font-face {
font-family: ff-dagny-web-pro, sans-serif;
font-style: normal;
font-weight: 100;}
*/

@font-face {
font-family: jopmss;
src: url('../fonts/microsoft-sans-serif.ttf') format('truetype');
font-style: normal;
}

@font-face {
font-family: joptcmt;
src: url('fonts/tw cen mt.ttf') format('truetype');
font-style: normal;
}

@font-face {
font-family: joptcmtitalic;
src: url('fonts/tw cen mt italic.ttf') format('truetype');
font-style: italic;
}

@font-face {
font-family: joptcmtbold;
src: url('fonts/tw cen mt bold.ttf') format('truetype');
font-weight: bold;
}

@font-face {
font-family: joptcmtitalicbold;
src: url('fonts/tw cen mt bold italic.ttf') format('truetype');
font-style: italic;
font-weight: bold;
}

@font-face {
font-family: joparial;
src: url("fonts/arial.ttf");
}

@media only screen and (min-width: 0px) and (max-width: 374px) and (orientation: portrait) { 

/*BLOCKS*/

html {
background-color: transparent;
}

body {
position: relative;
display: block;
background: transparent url("../images/PERS Ad_V2-3_bkOnly_JOP_071123.png") no-repeat fixed center top;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
   background-position-y: 60%;
  min-height: 100%;
  height: 100%;
padding: 0px 0px;
box-sizing: border-box;
  }

/*.background{ 
position: relative;
display: block;
background: transparent url("../images/LifeSafetyAd_374x495_071917.jpg") no-repeat fixed center top;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  min-height: 100%;
  height: 100%;
padding: 0px 0px;
box-sizing: border-box;
}*/

a {
text-decoration: none;
}

#conwrap {
position: relative;
display: block;
width: 100%;
height: 100%;
min-height: 100%;
max-width: 100%;
}

 div #txtFix {
 position: relative; 
 display: block; 
 background: transparent; 
 height: 100%; 
 width: 100%; 
 margin-left: auto; 
 margin-right: auto;  
 margin-top: 5%; 
 }

#txtHdr {
position: relative;
display: block;
width: 90%;
border: none;
margin-left: auto;
margin-right: auto;
color: #2e3192;
text-decoration: none;
font-family: jopmss, sans-serif;
font-style: normal;
font-weight: 100;
text-align: center;
font-size: 1.50em;
}

#lsmLo {
position: relative;
display: block;
width: 100%;
border: none;
margin-left: auto;
margin-right: auto;
margin-top: 5%;
}

#lsmGo {
position: relative;
display: block;
width: 80%;
border: none;
margin-left: auto;
margin-right: auto;
margin-top: 3%;
}

#lsmLeft{
position: relative;
margin-top: 85%;
margin-left: auto;
margin-right: auto;
display: block;
width: 100%;
text-align: center;
}

#lsmLink {
position: relative;
display: block;
width: 90%;
border: none;
margin-left: auto;
margin-right: auto;
color: #282E6A;
text-decoration: none;
font-family: jopmss, sans-serif;
font-style: normal;
font-weight: 100;
text-align: center;
font-size: 2em;
}

#lsmInfo {
position: relative;
display: block;
width: 100%;
border: none;
margin-left: auto;
margin-right: auto;
color: #000000;
text-decoration: none;
//font-family: ff-dagny-web-pro, sans-serif;
font-family: jopmss, sans-serif;
font-style: normal;
font-weight: 100;
text-align: center;
font-size: .6em;
}

#lsmLic {
position: relative;
display: block;
width: 90%;
border: none;
margin-top: 3%;
margin-left: auto;
margin-right: auto;
color: #939598;
text-decoration: none;
//font-family: ff-dagny-web-pro, sans-serif;
font-family: joptcmt, sans-serif;
font-style: normal;
font-weight: 100;
text-align: center;
line-height: 1.2;
font-size: .2em;
}



div #txtRoll {
position: relative; 
display: block; 
width: 100%; 
margin-left: auto; 
margin-right: auto; 
margin-top: 50%; 
text-align: center;
}

#lsmApps {
position: relative;
display: block;
width: 40%;
border: none;
margin-left: auto;
margin-right: auto;
margin-top: 10%;
}

#prodLo {
position: relative;
display: block;
width: 100%;
border: none;
margin-left: auto;
margin-right: auto;
margin-top: 5%;
}

#prodLoLong {
position: relative;
display: none;
width: 100%;
border: none;
margin-left: 0%;
margin-right: auto;
margin-top: 0%;
}

#prodGo {
position: relative;
display: block;
width: 100%;
border: none;
margin-left: auto;
margin-right: auto;
margin-top: 5%;
}

#prodGoLong {
position: relative;
display: none;
width: 100%;
border: none;
margin-left: auto;
margin-right: auto;
margin-top: -5%;
}



} /*@media end*/