body {color:#ffccdd;background-color:#010001;
  background-image:url("images/backgroundsemitransparent21.png");}
* {
  box-sizing: border-box;
  text-align:center;
}

.left {
  background-color: #2c272a;
  background-image: url('/images/backgroundsemitransparent20.png');
  background-size:100%;
  padding: 20px;
  float: left;
  width: 25%;
  height:360px;
  margin:auto;
  margin-top:1%;
  margin-bottom:1%;
  border-radius:6px;
  border:3px;
  border-style:double;
  border-color:#98d5a8;
}

.main {
  background-color: #2c272a;
  background-image: url('/images/backgroundsemitransparent20.png');
  background-size:100%;
  padding: 20px;
  float: left;
  width: 24%;
  height:360px;
  margin:auto;
  margin-left:1%;
  margin-top:1%;
  margin-bottom:1%;
  border-radius:6px;
  border:3px;
  border-style:double;
  border-color:#98d5a8;
}

.right {
  background-color: #2c272a;
  background-image: url('/images/backgroundsemitransparent20.png');
  background-size:100%;
  padding: 20px;
  float: left;
  width: 24%;
  height:360px;
  margin:auto;
  margin-left:1%;
  margin-top:1%;
  margin-bottom:1%;
  border-radius:6px;
  border:3px;
  border-style:double;
  border-color:#98d5a8;}
  
.last {
  background-color: #2c272a;
  background-image: url('/images/backgroundsemitransparent20.png');
  background-size:100%;
  padding: 20px;
  float: left;
  width: 24%;
  height:360px;
  margin:auto;
  margin-left:1%;
  margin-top:1%;
  margin-bottom:1%;
  border-radius:6px;
  border:3px;
  border-style:double;
  border-color:#98d5a8;
}
 p { font-size:13px;
 font-family:"Helvetica";
 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
a {color:#98d5a8;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
a:hover {color:#dcf1e1;}
 h3 {font-family:"Courier New";color:#98d5a8;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
 h4 {font-family:"Courier New";color:#98d5a8;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
 h5 {font-family:"Courier New";color:#98d5a8;text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}

@media screen and (max-width: 800px) {
  .left, .main, .right, .last {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}