Template:Textbox/ministyling.css

@media all and ( min-width: 720px ) {
  .acontainer { 
   width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;}
}
  .graytextbox {
  width: 40%;
  border-top: 10px solid #3d3d3f; 
  background-color: #f6f5f3;
  padding: 10px 15px; 
  vertical-align:top;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  margin: auto;
}

.grayh2 {
  color: #3d3d3f;
  font-size:170%;
  text-align:center;
}

.grayp {
  color: #7dce94;
  font-size:130%;
  text-align:center;
}

@media all and ( min-width: 720px ) {
	.grayp {
  color: #7dce94;
  font-size:130%;
  text-align:left;}
}

.smallgrayh2 {
  color: #3d3d3f;
  font-size:130%;
  text-align:center;
}

.smallgrayp {
  color: #7dce94;
  font-size:100%;
  text-align:left;
}

.greentextbox {
  width: 40%;
  border-top: 10px solid #7dce94; 
  background-color: #f9f8fd;
  padding: 10px 15px; 
  vertical-align:top;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  margin: auto
}

.greenh2 {
  color: #7dce94;
  font-size:170%;
  text-align:center;
}

.greenp {
  color: #3d3d3f;
  font-size:130%;
  text-align:center;
}

@media all and ( min-width: 720px ) {
	.greenp {
  color: #3d3d3f;
  font-size:130%;
  text-align:left;}
}

.smallgreenh2 {
  color: #7dce94;
  font-size:130%;
  text-align:center;
}

.smallgreenp {
  color: #3d3d3f;
  font-size:100%;
  text-align:left;
}