#banner {
 display: flex;
 align-items: center;
 height: 240px;
 justify-content: space-between;
}

.banneritem {
 font-family: "Times New Roman", Times, serif;
 font-size: 20px;
}

.dropmenu {
 color: LightGreen;
 display: inline-block;
 position: relative;
 font-weight: bold;
}

.dropmenu:link {
 text-decoration: none;
}

.dropmenu:hover {
 background-color: gray;
 color: white; 
}

.dropmenu-pulldown {
 display: none;
 position: absolute;
 color: white;
 background-color: gray;
 min-width: 10px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
}

.dropmenu:hover .dropmenu-pulldown {
 display: block;
}

.subrow {
 width: 1350px;
}

.subrow::after {
 content: "";
 display: table;
 clear: both;
}

.subcol {
 float: left;
 width: 25%;
 background-color: LightGreen;
 height: 400px;
 padding: 20px 20px 0px 20px;
 margin: 5px;
 color: white;
 font-family: "Times New Roman", Times, serif;
} 

.subthumb {
 height: 195px;
 width: 340px;
 object-fit: contain;
}

.subbutton {
 width: 340px;
 height: 50px;
 background-color: blueviolet;
 font-size: 15px;
 color: white;
 margin-top: 8px;
 transition-duration: 0.4s;
}

.subbutton:hover {
 background-color: blue;
 color: white;
}

.subnav {
 float:left;
 width: 2%;
 height: 400px;
 margin: 5px;
 background-color: LightGreen;
}

.subnavbutton {
 height: 100%;
 width: 100%;
 background-color: LightGreen;
 color: white;
 font-weight: bold;
 border: none;
}

.subnavbuttoneffect:hover {
 background-color: blue;
 color: white;
}   

.disabledbutton {
 opacity: 0.6;
 cursor: not-allowed;
}

#plans {
 font-family: Arial, Helvetica, sans-serif;
 border-collapse: collapse;
 width: 100%;
}
  
#plans td, #plans th {
 border: 1px solid #ddd;
 padding: 8px;
}
  
#plans tr:nth-child(even){background-color: #f2f2f2;}
  
#plans tr:hover {background-color: #ddd;}
  
#plans th {
 padding-top: 12px;
 padding-bottom: 12px;
 text-align: left;
 background-color: #04AA6D;
 color: white;
}