template.css

#templatebanner{
  position: relative;
  padding-top:32px;
  padding-bottom:32px;
  min-height: 120px;
  background:rgba(0,0,0,0.3);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  background-image:url("../asset/polygon_bg.jpg");
  color:white;
}

.formrow{
  margin-bottom: 24px;
}
.formrow label{
  display: block;
  line-height: 1.8;
  font-size:20px;
  color:#444;
}
.formrow select{
  display: block;
  height: 46px;
  border-radius: 6px;
  border:1px solid #aaa;
  padding-left:10px;
  padding-right:42px;
  font-size:15px;
  color:#999;
}

@media (min-width: 520px) {
  #templatebanner{
    padding-top:32px;
    padding-bottom:32px;
    min-height: 180px;
  }
  .pagetitlecontainer{
    font-size:36px;
  }

.gameschedulecontainer{
    width:90%;
  }
}
@media (min-width: 768px) {
  #templatebanner{
    padding-top:32px;
    padding-bottom:32px;
    min-height: 240px;
  }
  .pagetitlecontainer{
    font-size:36px;
  }
  .gameschedulecontainer{
    width:90%;
  }
}

@media (min-width: 980px) {
  #templatebanner{
    padding-top:32px;
    padding-bottom:32px;
    min-height: 240px;
  }
  .pagetitlecontainer{
    font-size:36px;
  }
  .gameschedulecontainer{
    width:90%;
  }
}