@charset "utf-8";

body {margin: 10px 0; font-family: Arial, sans-serif; }

h1  {font-size: 20pt; font-weight:bold; font-family: 'Roboto';}
h2  {font-size: 16pt; font-weight:bold; font-family: 'Roboto';}

div.scrContainer {min-width: 200px; width:90%; }

.scrPhoneC1   {color: blue; }
.scrTabletC1  {color: #999999; }
.scrIPadC1    {color: #999999; }
.scrDesktopC1 {color: #999999; }


.cTextRight {padding-left:10px; padding-bottom:10px; }
.cImageMax	{max-width:100%; height:auto; }

.scrRight   {text-align:center; }

.scrImage   {width:100%; height:auto; }
.scrTube    {width:100%; height:300px; }

div.imageLeft  {text-align:center; }
div.imageRight {text-align:center; }

div.middle     {vertical-align:middle; }
div.right      {text-align:right; }

div.swap { display:table-footer-group; } 
div.imageWrap  { text-align:center; }

div.imageLeft  img { max-width:100%; height:auto; }
div.imageRight img { max-width:100%; height:auto; }