body {padding: 0xp; margin: 0px; font-family: 'Montserrat', sans-serif; text-align: center; background-color: #e8e5e5; }
		header { min-width: 372px !important; }
		
		
		
    .pokemon { width: 160px; height: 300px;  background-color: #aaaaaa; float: left; margin: 2px; margin-bottom: 3px; }
		.p_id {position: relative; float:left; height: 0px; padding: 5px; padding-bottom: 0px; color: #A9A9A9; font-weight: bold; z-index: 999;}
		.p_g {position: relative; text-transform: uppercase; float:right; padding: 5px; padding-bottom: 0px; color: #A9A9A9; font-weight: bold; z-index: 999;}
		.p_n {text-transform: uppercase; text-align: center; font-weight: bold;}
    .i {position: relative; width: 140px; height:140px; padding: 10px; margin-top: -25px; background-color: white; z-index: 1; }
		
		.p_t_wrapper {clear: both; min-width: 100%; height: 15px; padding-top: 5px; padding-bottom: 5px;}
		.p_t {text-transform: uppercase; max-width: 100%; margin: auto; text-align: center; font-size: 12px; padding-top: 2px; padding-bottom: 2px;}
		/*.t_1 {width: 100%; float: left; clear:none; text-transform: uppercase; text-align: center; font-size: 12px;}*/
		.p_t1 { text-transform: uppercase; width: 49%; float: left; text-align: center; font-size: 12px; padding-top: 2px; padding-bottom: 2px;} 
		.p_t2 { text-transform: uppercase; width: 49%; float: right; text-align: center; font-size: 12px; padding-top: 2px; padding-bottom: 2px;}
		
		/*color for types */
		.fir {background-color: #ff7c4c; }
		.fig {background-color: #ff4c4c; }
		.nor { background-color: Beige; }
		.wat { background-color: #4ca8ff;}
		.gra { background-color: #59c67a; }
		.gro { background-color: #c69659; }
		.dar { background-color: #919191; }
		.bug {background-color: #d1ed95; }
		.fly {background-color: #d9f6f7;}
		.poi {background-color: #ffa0e8; }
		.fai {background-color: #ffa0e8; }
		.psy {background-color: #efbbf7; }
		.roc {background-color: #bc8871; }
		.ste {background-color: #b5a69f; }
		.gho {background-color: #a498ad; }
		.ele {background-color: #fffa82; }
		.dra {background-color: #ff5e5e; }
		
		.ice {background-color: #d6ffff; }
		
		p {padding: 0px; margin: 0px;}
		ul, li { list-style-type: none; padding: 0px; margin: 0px; } 
		
		checkbox {height: 12px; width: 12px; }
		
		/* .p_cp, .p_a, .p_, .p_s { clear:both; width: 100%; } */
		
		
		/* Apply CSS when the page gets smaller */
         @media (max-width:800px)  {
           #pokedex_content { width: 100%; margin: auto; min-width: 372px;}
					 #pokemon_filters { width: 100%; min-width: 372px;} 
					 #generation_selectors { width: 40%; }
					 
					 #filter_selectors, #sort_selectors { float:right !important; clear: right; width: 60%; padding-top: 10px; padding-bottom: 10px; } 
					 #filter_select, #sort_box { display:inline-block; float:left; width: 90%;} 
		
					 h1 { font-size: 20px; }
					 .pokemon { width: 120px; height: 250px; }
					 .i { width: 100px; height: 100px; }
					 .t { font-size: 15px; }
					 
					 .mobile_hide {display:none;}
         }
     /* End Side Pannel CSS */