/*
   Filename:       messages.css
   Author:         John G. (Skip) Todora
   Start Date:     January 28, 2023
   Revised:        February 09, 2026 to make page cellphone friendly
   Website:        jtodora.com
*/

.bg-grad {
   background-color: #FEFEFE;
   background-image: linear-gradient(#E5E5E5, #66C4FF);
}  /* #1E90FF #1EB3FF #66C4FF */

.container {
   width: 850px;
   margin: auto;
}

.row:after {
	padding-top: 20px;
	content: "";
    display: table;
    clear: both;
}

.menu-row {
  margin: 8px -16px;
}

/* Add padding BETWEEN each column */
.menu-row,
.menu-row > .menu-column {
  padding: 8px;
}

/* Create four equal columns that floats next to each other */
.menu-column {
  float: left;
  width: 25%;
}

/* Clear floats after rows */ 
.menu-row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.menu-content {
  padding: 10px;
}

.msg-pg-header-img {
    display: block;
    margin: auto;
    width: 80%;
    padding-bottom: 10px;
}

.tile-menu-left-img {
	display: flex;
   width: 75%;
   margin: auto;
}

.tile-menu-left-center-img {
	display: flex;
   width: 75%;
	margin: auto;
}

.tile-menu-right-center-img {
	display: flex;
   width: 85%;
	margin: auto;
}

.tile-menu-right-img {
	display: flex;
   width: 75%;
	margin: auto;
}

@media screen and (max-width: 600px) {
   .column {
       width: 100%;
   }
   .menu-column {
		width: 100%;
   }
}