/* global properties
   logo and banner
   download, screenshots
   contact us, legal
   copyright info */

/*global properties*/
html { height: 100%; height: 100%; overflow: hidden; }
/* body { height: 100%; width: 100%; background-color: #ffffff; margin: 0px;  padding: 0px; 
    font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 100%; overflow: hidden; } */
body { height: 100%; width: 100%; background-color: #ffffff; margin: 0px;  padding: 0px; 
    font-family: 'Inter Tight', sans-serif; font-size: 100%; overflow: hidden; }    
img{ border:none; max-width: 100%; max-height: 100%; }
div{ word-wrap:break-word;}
a{ color: inherit; }
a:visited, a:link, a:active { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; cursor: pointer;}
#page{ width:100%; height:100%; margin:0%; padding:0%; overflow-x: hidden; overflow-y: scroll;
    -webkit-overflow-scrolling: touch;}

/*logo and banner*/
#logo{ width: 18%; height: auto; margin-top: 3%; margin-left: 3%; float: left; }
#banner { padding: 0%; margin: 0%; height: 75%;
    background-size: 100% auto; background-repeat: no-repeat;}

/*download, screenshots*/
#download{ padding: 0px; margin: 25px 0px 15px 0px; text-align: center; vertical-align: middle;
    background-color:#ffffff; line-height: 70px; color: #000000; font-size: 1.8em;}
#download #coming_soon {width: 220px; height:auto; margin: auto; border-radius: 5px; 
    background-color: #000000; color: #ffffff; font-size: 0.5em;}
#download img {width: 160px; height: auto;}
#row{ width: 100%; height: auto; margin: 0px 0px 5px 0px; padding: 8px 0px 0px 0px; display: table;
    border-bottom: 0.3px solid lightgray;
}
#cell{display: table-cell; width: 33.33%; height: auto; margin:0%; padding:0%;}
#how_text{ height: 50px; font-size: 1.4em; width: 80%; vertical-align: bottom; text-align: center; 
    margin: auto; font-weight: bold;}
#how_details{ height: 100px; font-size: 1.2em; width: 80%; vertical-align: middle; text-align: center; margin:auto;}
#screenshot{height: auto; padding: 0%; margin: auto auto 0px auto; width: 60%;}

/*contact us, legal*/
#links{margin: 12px 0px 0px 0px; width: 100%; height: auto; }
#links .clickable{margin: 10px 0px 0px 0px; text-align: center; vertical-align: middle;
    background-color:#ffffff; line-height: 35px; font-size: 1.0em;}

/*copyright info*/
#footer{padding: 0px; margin: 0%; text-align: center; vertical-align: middle;
    background-color:#ffffff; line-height: 25px; color: darkgray; font-size: 0.7em;}