<!--CSS Stylesheet:

 <link rel="stylesheet" type="text/css" href="mystyle.css">-->

<style media="screen" type="text/css">

<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>


/* ---------------------------------------------------------------------- Laptop ---------------------------------------------------------------------- */


@media screen 
and (min-device-width: 961px) 
/*and (-webkit-min-device-pixel-ratio: 1) */


<style media="screen" type="text/css">


h1  { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; margin-left: 0px;  padding-left: 0px; background color: #585858; text-indent: 0px;  text-decoration: none; letter-spacing: 1px; width: 362px; }

h2  { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px;  background color: #0; font-family: 'Archivo Narrow', sans-serif; text-decoration: none; left:; letter-spacing: 1px; margin-left:0px; width: 362px; }
				  
h3  { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; font-family: 'Archivo Narrow', sans-serif; text-decoration: none; letter-spacing: 1px; width: 362px;}

h4    { color: #90ee90; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; text-decoration: none; letter-spacing: 1px; width: 362px; }

h5  { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; text-decoration: none; letter-spacing: 1px; width: 362px; }

h6 { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; max-width: 362px; letter-spacing: 0px; text-decoration: none}


a.one:link {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; sans-serif; font-size:13px; line-height: 18px;  max-width: 362px; letter-spacing: 0px; text-decoration: none}

a.one:visited {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 13px; line-height:18px; max-width: 362px; letter-spacing: 0px; width: 362px; text-decoration: none}

a.one:hover { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 13px; line-height: 18px; letter-spacing: 0px; max-width: 362px; text-decoration: underline;}

a.one:active { color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 13px; line-height: 18px; max-width: 362px; letter-spacing: 0px; text-decoration: none}


a.second:link {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px;  max-width: 362px; letter-spacing: 0px; text-decoration: none}

a.second:visited {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; max-width: 362px; letter-spacing: 0px; width: 362px; text-decoration: none}

a.second:hover { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: 0px; max-width: 362px; text-decoration: underline;}

a.second:active { color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; max-width: 362px; letter-spacing: 0px; text-decoration: none}


#felt2   { position: absolute; z-index: 1; top: 0px; left: 0px; width: 362px; height: 1600px; visibility: hidden }

body { height: 1600px; width: 362px;}

button { position: fixed; }

body
{ 
scrollbar-base-color: #00565F; 
scrollbar-arrow-color: silver;
scrollbar-DarkShadow-Color: blue;
scrollbar-track-color: #00565F; 
}



/* ------------ iPhone 4 and 4S --------------- */

@media only screen 
and (min-device-width: 320px)
and (max-device-width: 699px 
and (-webkit-min-device-pixel-ratio:)


  
h1  { color: silver; font-style: normal; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px;  text-decoration: ; text-indent:; margin-left: 0px; letter-spacing: 1px; width: 350px;}

h2  { color: silver; font-style: normal; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px;  text-decoration: ;  letter-spacing: 1px; width: 350px;}

h3  { color: #90ee90; font-style: normal; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 24px; line-height: 26px; text-decoration: none; letter-spacing: 1px; width: 350px;}

h4    { color: #90ee90; font-style: bold; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 28px; line-height: 33px;  text-decoration: none; letter-spacing: 1px; width: 350px; }

h5  { color: #90ee90; font-style: normal; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 22px; line-height: 24px; text-decoration: none; letter-spacing: 1px; width; 350px; }
  
a.one:link {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 28px; line-height: 33px;  max-width: 350px; letter-spacing: 0px; text-decoration: none}

a.one:visited {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 28px; line-height: 33px; max-width: 362px; letter-spacing: 0px; width: 350px; text-decoration: none}

a.one:hover { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 28px; line-height: 33px; letter-spacing: 0px; max-width: 350px; text-decoration: underline;}

a.one:active { color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 28px; line-height: 33px; max-width: 350px; letter-spacing: 0px; text-decoration: none}


a.second:link {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size:22px; line-height: 26px;  max-width: 350px; letter-spacing: 0px; text-decoration: none}

a.second:visited {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; max-width: 350px; letter-spacing: 0px; width: 362px; text-decoration: none}

a.second:hover { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; letter-spacing: 0px; max-width: 350px; text-decoration: underline;}

a.second:active { color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 22px; line-height: 26px; max-width: 350px; letter-spacing: 0px; text-decoration: none}



<!--

/* ---------------------------------------------------------------------- iPad 1 and 2 ----------------------------------------------------------------------  */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) 


h1  { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style:; font-weight: normal; font-size: 24px; line-height: 28px; text-decoration: ; text-indent:; margin-left: 0px; letter-spacing: 1px; }

h2  { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; font-size: 24px; line-height: 28px;  text-decoration: ;  letter-spacing: 1px; }

h3  { color: #cfaee; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style:normal; font-size: 20px; line-height: 24px; text-decoration: none; letter-spacing: 1px; width:  px;}

h4    { color: #90ee90; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-style:; font-size: 30px; line-height: 34px; text-decoration: none; letter-spacing: 1px }

h5  { color: #c6f7ee; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style:normal; font-size: 18px; line-height: 21px; font-family: 'Archivo Narrow', sans-serif; text-decoration: none; letter-spacing: 1px }


a.one:link {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; sans-serif; font-size: 20px; line-height: 24px;  max-width: 362px; letter-spacing: 0px; text-decoration: none}

a.one:visited {color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 700; font-size: 20px; line-height: 24px; max-width: 362px; letter-spacing: 0px; width: 362px; text-decoration: none}

a.one:hover { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 700;  font-size: 20px; line-height: 24px; letter-spacing: 0px; max-width: 362px; text-decoration: underline;}

a.one:active { color: lightgreen; font-family: 'Archivo Narrow', sans-serif;  font-weight: 700; font-size: 20px; line-height: 24px; max-width: 362px; letter-spacing: 0px; text-decoration: none}


a.second:link {color: lightgreen; font-family: 'Archivo Narrow', font-weight: 400; sans-serif; font-size: 20px; line-height: 24px;  max-width: 362px; letter-spacing: 0px; text-decoration: none}

a.second:visited {color: lightgreen; font-family: 'Archivo Narrow', sans-serif;  font-weight: 400; font-size: 20px; line-height: 24px; max-width: 362px; letter-spacing: 0px; width: 362px; text-decoration: none}

a.second:hover { color: silver; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; letter-spacing: 0px; max-width: 362px; text-decoration: underline;}

a.second:active { color: lightgreen; font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-size: 20px; line-height: 24px; max-width: 362px; letter-spacing: 0px; text-decoration: none}



</style>

