body{
	font-size: 1em;
	}
h1{
	font-size: 2.25em;
	}
h2{
	font-size: 1.6em;
	}
h3{
	font-weight: bold;
	font-size: 1.1em;
	}	

/* HEADER ------------------- */
#header-wrapper{
	width: 100%;
	left: 0;
	margin: 0;
	}

/* INDEX PAGE ------------------- */
/* Main title ------------------- */
#index-header-wrapper{
	width: 100%;
	}
h1#main-title{
	font-size: 5em;
	padding: .25em 0 0 0;
	}
h2#banner{
	padding: .6em .6em;
	margin-top: .4em;
	}
.icon-container-item{
	width: 24%;
	}
.icon-container-item img{
	width: 75%;
	}

/* MAIN PAGE WRAPPERS ------------------- */
#index-wrapper{
	padding: 0 2.5em 0 2.5em;
	}	

/* INTRO & HOW TO PLAY & SCIENCE PAGES ------------------- */
.float-right{
    width: 30%;
	}
.float-right.small{
	width: 18%;
	}	
.float-left{
	width: 30%;
	}	
.model-box{
	padding: 1em;
	width: 90%;
	margin: .5em auto;
	}
.model-box.small{
	width: 60%;
	}

/* HOW TO PLAY PAGE ------------------- */
#how-to-play-wrapper img.center{
	width: 60%;
    display: block;
    margin: 0 0 2.5em 0;
    border: 1px solid #cccccc;
    padding: 10px;
	}

#how-to-play-wrapper dl{
	padding: .8em 0 .8em 0
	}

/* PLAY PAGE ------------------- */
.sim-icon-message-wrapper div{
	margin: .3em 0 .3em 0;
	}	

input[type=number]{
	font-size: 1.05em;	
	}	
input[type=text], #design-city-wrapper input[type=number]{
	font-size: 1.15em;
    padding: .1em;
    width: 50%;
    margin: 0 0 .5em 0;
    border: 2px solid #ccc;
	}
#general-info input[type=text]{
	width: 100%;
	}


/* tables */
table {
    border: 1px solid #939393; 
	}
thead td {
	border: 1px solid #939393;
	}	
tbody td {
    padding: .4em 0 0 0;
    font-size: 1em;
    border: 1px solid #939393;
	}


/* FOOTER ------------------- */
#footer-wrapper p{
	font-weight: normal;
	margin: .5em 0 0 0;
	color: #aaa;
	font-size: .95em;
	}			



/* SELECT A CITY select-city.css ----------------------- */
#city-thumbnail-wrapper{
	width: 15%;
	}
#select-city-vaccination-stats-title {
	padding-top: 2em;
	}
#select-city-vaccination-stats{
	padding: .75em 12em 0 12em;
	margin: 0 0 2em 0;
	}
#select-city-vaccination-stats .item-wrapper{
	padding: 0;
	margin: 0;
	}
.cityPoint{
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	}
.cityPoint.active{
	width: 14px;
	height: 14px;
	margin: -11px 0 0 -11px;
	border: 4px solid #000;
	}



/* PRECAUTIONS select-precautions.css ----------------------- */
img.select-precautions-thumbnail{
	width: 10%;
	padding-bottom: 2em;
	}		
#mask-input-wrapper p, #distancing-input wrapper p{
	padding-left: 0;
	padding-right: 0;
	}	
#select-mask-type-wrapper{
	margin: 0 10em 0 10em;
	}	
.select-mask-type-item img{
	width: 4em;
	}	


/* SIMULATION simulation.css ----------------------- */	
.icon-feedback-wrapper .flex-item img{
	width: 3.5em;
	}


/* proportion graph */
#proportion-graph canvas{
	height: 30px;
	}


.compare-result{
	border-width: 1px;
	padding: 1em;
	}
/* pathogen and city summary sections */	
#city-summary-wrapper .thumbnail{
	width: 10%;
	margin-right: 1%;
	}
#pathogen-summary-wrapper .thumbnail{
	width: 12%;
	margin-top: -1em;
	}

/* print */
#player-name{
	width: 50%;
	}


/* MAIN GRAPH  graphs.css ----------------------- */
.graph-wrapper{
	padding-left: 40px;
    margin-left: 100px;
	}	
.info-bar {
	border-left: dotted .2em #000;
	}