@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

BODY{ 
	font-family:'Questrial',Times, Arial, Helvetica, sans-serif;
	color: #000;
	background-image:url(https://kerrvilletexashillcountrypostcards.com/images/bg-1.jpg);
	}
	
.DivMain2 {
	width: 100%; /* Make the container fluid */
    max-width: 950px; /* Add a max-width to control the layout on larger screens */
	margin: 0 auto;
	padding:0px;
	font-family:'Questrial',Times, Arial, Helvetica, sans-serif;
	color: #000;
	}


/* ========================================   DIV    ============================================= */	

.Text { 
font-size:1.3em; 
line-height:1.4em;
/*width:875px; */
}

.TextSuperBoldI { 
font-size:1.3em; 
line-height:1.4em;
width:875px;
font-weight: 900;
font-style:italic;
}


.BulletList { 
font-size:1.1em; 
line-height:1.1em;
width:875px;
}

.Titles { 
color:#039;
font-weight:400;
font-size:3em; 
}	

.TitlesSmaller { 
color:#039;
font-weight:400;
font-size:2.2em; 
}	

.DivTextCenter {
text-align:center;
padding:0px;
}

.DivTextLeft {
text-align:left;
padding:0px;
}

.DivTextCenter80 {
text-align:center;
width:80%;
padding:0px;
}

/* ========================================   LINKS    ============================================= */	

/*  LINK BOTTOM  */
.Link1 { 
font-size: 1.5em; 
font-weight: 400; 
color: #00c; 
text-decoration: none; 
}
a.Link1:link { color: #00c;}
a.Link1:visited { color: #00c;}
a.Link1:hover { color: #c00; text-decoration: underline;}
a.Link1:active { color: #00c; background-color: transparent;
}

/* ===========================================   MISC    ============================================= */	



/*  =========================================   EXTRAS   ============================================  */

/* <span class="Copyright">Copyright &copy; <script language="JavaScript">var now = new Date();function fourdigits(number){return (number < 1000) ? number + 1900 : number;}today = (fourdigits(now.getYear()));document.write(today);</script> COMPANY NAME</span> */

/* ====================================   STANDARD STUFF   ====================================  */
/* ====================================   STANDARD STUFF   ====================================  */

.TAC {text-align:center; 
	margin: 0 auto; }

.TAJ {text-align:justify; }


.PI img { /*max-width: 837px;  Ensure images don't exceed the container width */
		    width: 837px; /*Ensure images don't exceed the container width */
           height: auto; /* Maintain aspect ratio */
            display: block; /* Remove extra space under images */
            margin: 0 auto;   /*seems reduntandt because it's in divmain2. Center the images */ }

/*  FONT SIZES   */
.FS13 {font-size: 1.3em}
.FS14 {font-size: 1.4em}
.FS15 {font-size: 1.5em}
.FS16 {font-size: 1.6em}
.FS18 {font-size: 1.8em}
.FS20 {font-size: 2.0em}
.FS22 {font-size: 2.2em} 
.FS24 {font-size: 2.4em}  
.FS26 {font-size: 2.6em}
.FS28 {font-size: 2.8em}
.FS30 {font-size: 3.0em}
.FS32 {font-size: 3.2em}
.FS34 {font-size: 3.4em}
.FS36 {font-size: 3.6em}
.FS40 {font-size: 4.0em}  


.FS13p {font-size: 13px}
.FS14p {font-size: 14px}
.FS15p {font-size: 15px}
.FS16p {font-size: 16px}
.FS18p {font-size: 18px}
.FS20p {font-size: 20px}
.FS22p {font-size: 22px} 
.FS24p {font-size: 24px}  
.FS26p {font-size: 26px}
.FS28p {font-size: 28px}
.FS30p {font-size: 30px}
.FS32p {font-size: 32px}
.FS34p {font-size: 34px}
.FS36p {font-size: 36px}
.FS40p {font-size: 40px} 

 
/*  PADDING TOP   */
.PT5 {padding-top: 5px}
.PT10 {padding-top: 10px}
.PT15 {padding-top: 15px}
.PT20 {padding-top: 20px}
.PT25 {padding-top: 25px}
.PT30 {padding-top: 30px}
.PT35 {padding-top: 35px}
.PT40 {padding-top: 40px}
.PT45 {padding-top: 45px}
.PT50 {padding-top: 50px}
.PT55 {padding-top: 55px}
.PT60 {padding-top: 60px}
.PT65 {padding-top: 65px}
.PT70 {padding-top: 70px}
.PT75 {padding-top: 75px}


/*  PADDING BOTTOM   */
.PB5 {padding-bottom: 5px}
.PB10 {padding-bottom: 10px}
.PB15 {padding-bottom: 15px}
.PB20 {padding-bottom: 20px}
.PB25 {padding-bottom: 25px}
.PB30 {padding-bottom: 30px}
.PB35 {padding-bottom: 35px}
.PB40 {padding-bottom: 40px}
.PB45 {padding-bottom: 45px}
.PB50 {padding-bottom: 50px}
.PB55 {padding-bottom: 55px}
.PB60 {padding-bottom: 60px}
.PB65 {padding-bottom: 65px}
.PB70 {padding-bottom: 70px}
.PB75 {padding-bottom: 75px}

/*  PADDING LEFT   */
.PL20 {padding-left: 20px}

/*  LINE SPACING   */
.LH18 {line-height: 18px; letter-spacing: normal; word-spacing: normal;}
.LH20 {line-height: 20px; letter-spacing: normal; word-spacing: normal;}
.LH22 {line-height: 22px; letter-spacing: normal; word-spacing: normal;}
.LH24 {line-height: 24px; letter-spacing: normal; word-spacing: normal;}
.LH26 {line-height: 26px; letter-spacing: normal; word-spacing: normal;}
.LH28 {line-height: 28px; letter-spacing: normal; word-spacing: normal;}
.LH30 {line-height: 20px; letter-spacing: normal; word-spacing: normal;} 


/* UNIVERSAL TEXT DECORATION = NONE */
A {text-decoration:none;}

/* 0 PIXEL PAGE MARGINS */
body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}

/* NO BORDER ON LINKED PICTURE */
img a {border:none}

/* Table CSS for desktop */
table {
      width: 92%;
      margin: 5px auto 5px; /* top right-left bottom */
      border-collapse: collapse;
    }

.tableImage {
      /*width: 20%;*/
      margin: 0 auto; /* Center the images. the first 0 refers to the top AND bottom, the second refers to L&R */
	  height: 150px; /* Add a fixed height to ensure consistent appearance */
   
    }

    td {
      text-align: left;
    } 

.button {
    margin: 0 auto;
    border-radius: 0;
    background-color: #ffffff;
    padding: 10px 20px;
    font-family: 'Questrial', Times, Arial, Helvetica, sans-serif;
    border: 10px solid #a71f1f;
    cursor: pointer;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s, color 0.3s;
    max-width: 400px;
    text-align: center;
}

/* Additional styling for hover and focus states */
.button:hover,
.button:focus {
    background-color: #a71f1f;
    color: #ffffff;
}