/* CSS Document */

.right{
	text-align:right;
	}

.center {
	text-align:center;
	}
.bold {
  font-weight: bold;
}	
.form-group{
	padding-top:15px;
	padding-bottom:15px;
	}
/*
input{
	ime-mode:disabled;
	}
*/	

.subtitle {
  font-size: 20px;
}


.en {
  font-size: 9px;
/*  color: #a6a6a6;*/
}
.en2 {
  font-size: 12px;
}
.jp {
  padding-top: -10px;
  font-size: 14px;
}
.en_h1 {
  font-size: 18px;
}
.h1sub {
  font-size: 18px;
}
.small {
  font-size: 8pt;
}
.mg5 {
	margin: 5px;
}
.warning {
  color: #d00;
}


.footer:before {
  display: block;
  clear: both;
  content: "";
}
.footer {
	margin:80px 0 20px 0;
	text-align: center;
}

.btn-lg {
 padding-left:50px;
 padding-right:50px;
}

/* topics table */
.topics_table table {
	margin: 0 1% 1%;
}
.topics_table table th {
	text-align: center;
	width: 25%;
}
.topics_table table td {
	vertical-align: top;
}

@media screen and (max-width: 720px) {
	.topics_table table {
		width: 98%;
	}
  .topics_table td {
	  border:none;
  }
  .topics_table th {
    display: none;
  }
  .topics_table tr,
  .topics_table td{
    display: block;
    width: 100%;
    position: relative;
  }
  .topics_table td{
    margin-top: 50px;
  }
  .topics_table td:before {
	text-align:center;
    box-sizing: border-box;
    font-weight: bold;
    height: 40px;
    padding: 10px;
    position: absolute;
    top: -41px;
    left: -0.2%;
    display: block;
    width: 100.5%;
  }
   .topics_table td:nth-child(1):before {
    content: "Category 1: Waste Types";
  }
   .topics_table td:nth-child(2):before {
    content: "Category 2: Recycling Processes";
  }
   .topics_table td:nth-child(3):before {
    content: "Category 3: Applications";
  }
  .topics_table td:nth-child(4):before {
    content: "Category 4: Environmental Issues";
  }
}
/* topics table END */





@media (min-width: 992px) {
  #jumbo_h1 {
    display: block !important;;
  }
  #jumbo_h3 {
    display: block !important;;
  }
  #jumbo_h1_small {
    display: none !important;;
  }
  #jumbo_h3_small {
    display: none !important;;
  }
}
@media screen and (max-width: 991px) {
  #jumbo_h1 {
    display: none !important;;
  }
  #jumbo_h3 {
    display: none !important;;
  }
  #jumbo_h1_small {
    display: block !important;;
  }
  #jumbo_h3_small {
    display: block !important;;
  }

}