body {
  color: #565656;;
  background-image: url("../images/top-banner.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.e {
  font-size: 0.8rem;
  color: #a6a6a6;
}

.content p,
.content li {
  font-size: 1rem;
  line-height: 1.8rem;
}

.content .title {
  border: 0px #bbbbbb solid;
  background:#e8e8e8; 
  border-radius: 10px;
  color: #565656;
  font-size: 1.5rem;
  line-height:2rem;
  font-weight: 500;
  padding: 5px;
  text-align: center;
  padding: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.content .red {
  color: #e65550;
}
.content .info {
background-color:#e65550; 
border-radius:10px; 
color:#ffffff; 
float:left; 
font-size:1.1rem;
 font-weight:400; 
 padding:5px; 
 text-align:center; 
 width:50px;
 margin-bottom:1rem ;
  }         
.content .info-1 {
background-color:#444444;
 border-radius:10px;
 color:#ffffff;
 font-size:1.1rem;
 font-weight:400;
 padding:5px; 
 text-align:center;
 width:300px;
 margin-bottom:1rem ;       
  }  


.content .material img {
  max-height: 65px;
  margin-top: 1rem;
  padding-left: 3px;
  padding-right: 3px;
}
.content .wide img {
  max-height: 65px;
  margin-top: 1rem;
  padding-left: 3px;
  padding-right: 3px;
}
.content .softouch img {
  max-height: 85px;
  margin-bottom: 0;
}

.weblink {
  padding-left: 10px;
  padding-right: 10px;
}

.icon {
  width: 100px;
  height: 100px;
}

.ppsu h1 {
  font-size: 1.5rem;
}

.ppsu hr {
  border-width: 2px;
  border-color: #ed8c37;
  margin-top: 0rem;
}

.glass h1 {
  font-size: 1.5rem;
}

.glass hr {
  border-width: 2px;
  border-color: #3c9f8a;
  margin-top: 0rem;
}

@media (max-width: 767px) {
  body {
    background-image: url("../images/top-banner-rwd.jpg");
    background-size: 100%;
  }

  .content p,
  .content li {
    font-size: 0.9rem;
    line-height: 1.8rem;
  }
}

@media (max-width: 991px) {
.container {
	max-width: 900px;
  }
}



@media screen and (max-width: 567px) {
.container {
  width: 98%;
  }
  .content p,
  .content li {
    font-size: 1rem;
    line-height: 1.8rem;
  }
  .content .info {
font-size:.9rem;
 font-weight:400; 
 padding:4px; 
 text-align:center; 
 width:40px;
  } 
  .content .title {
  font-size: 1.3rem;
}
}

@media screen and (max-width: 480px) {
  .content .material img {
    max-height: 80px;
    margin-top: 1rem;
    padding-left: 3px;
    padding-right: 3px;
  }
  .content .wide img {
  max-height: 65px;
  margin-top: .8rem;
  padding-left: 3px;
  padding-right: 3px;
}
  .content .softouch img {
    max-height: 90px;
    margin-bottom: 0;
  }
}