

h1 {

	color: #ccc;

	text-align: center;

}



a {

  color: #ccc;

  text-decoration: none;

  outline: none;

}



/*Fun begins*/

.tab_container {

	width: 90%;

	margin: 0 auto;

	padding-top: 70px;

	position: relative;

}



input, section {

  clear: both;

  padding-top: 10px;

  display: none;

}



label {

  font-weight: 700;

  font-size: 18px;

  display: block;

  float: left;

  width: 30%;

  padding: 25PX;

  color: #757575;

  cursor: pointer;

  text-decoration: none;

  text-align: center;

  background: #f0f0f0;

}



#tab1:checked ~ #content1,

#tab2:checked ~ #content2,

#tab3:checked ~ #content3,

#tab4:checked ~ #content4,

#tab5:checked ~ #content5 {

  display: block;

  padding: 20px;

  background: #fff;

  color: #999;

  border-bottom: 2px solid #f0f0f0;

}



.tab_container .tab-content p,

.tab_container .tab-content h3 {

  -webkit-animation: fadeInScale 0.7s ease-in-out;

  -moz-animation: fadeInScale 0.7s ease-in-out;

  animation: fadeInScale 0.7s ease-in-out;

}

.tab_container .tab-content h3  {

  padding-bottom:20px;

}



.tab_container [id^="tab"]:checked + label {

  background: #fff;

  box-shadow: inset 0 3px #ff0000;

}



.tab_container [id^="tab"]:checked + label .fa {

  color: #000000;

}



label .fa {

  font-size: 1.3em;

  margin: 0 0.4em 0 0;

}



/*Media query*/

@media only screen and (max-width: 900px) {

  label span {

    display:FLEX;

  }

  

  .tab_container {

    width: 100%;

  }

}



/*Content Animation*/

@keyframes fadeInScale {

  0% {

  	transform: scale(0.9);

  	opacity: 0;

  }

  

  100% {

  	transform: scale(1);

  	opacity: 1;

  }

}



.no_wrap {

  text-align:center;

  color:#FF0000;

}

.link {

  text-align:center;

}



#content1 .fa{

position: absolute;

color:#FF0000;

font-size:20	px;

}





#content1 p{

margin-left:40px;

color:#000000;

}





#content2 .fa{

position: absolute;

color:#FF0000;

font-size:20px;

}





#content2 p{

margin-left:40px;

color:#000000;

}





#content3 .fa{

position: absolute;

color:#FF0000;

font-size:20px;

}





#content3 p{

margin-left:40px;

color:#000000;

}
