p {
    text-align: center;
    font-size: 14px;
}

.whatsnew {
    text-align: left;
    font-family: 'Roboto Condensed light', sans-serif; 
    font-size: 12px;
    color: gray;
}

body {
    background-image: url('tx_assets/img/header-image.png'); 
    background-position: top, center;
    background-repeat: no-repeat;
    background-size: auto;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    color: white;
    text-align: center;
    background-color: black
}

.main {
    
    width:100%;
    text-align: center;
}

header {
    text-align: center;
    width:auto;
   
} 

.logo {
    background-image: url('tx_assets/img/logo350.png'); 
    /*background-color: #cccccc; */
    background-position:center;
    background-repeat: no-repeat;
    width: 100%;
   height: 128px;
  
}

.pagetitle {
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif; 
    font-size: 28px;
    color: gray; 
}

.titlelink {
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif; 
    font-size: 32px;
    
}

.Nav {
  /*  position: absolute;*/
    bottom: 0;
    width: 100%;
    
    /*left: 0;*/
}
/*.Nav {
     text-align: center;
}*/
section {
    color: gray;
  
    margin: 10px;
}

.whatsnew {
    width: 200px;
}



.maindiv {
     margin:0px;
     padding: 3px; 
}  
    
.contentbox {
    align-content: center;
    width: 1000px;
    /*float: center;*/
    margin-top: 10px;
}

.portraitbox { 
    width: 300px;
    height: 458px;
    color: #cccccc;
    float: left;
 }

.thumbs {
    /* width: 95px; */
    height: inherit;
    margin: 10px;
}
.thumbsx {
    width: 200px;
    height: inherit;
    margin: 10px;
}
a:link, .thumbs {
    /* width: 95px; */
    height: inherit;
    margin: 10px;
    text-decoration: none;
}

.footer { 
    position: absolute;
    bottom: 0;
    text-align: right;
}
    
a:link, #text {
    color: #feff8f;
    text-decoration: none;  
}
    
a:hover, #text {
    color: #fff600;
    text-decoration: none;
}
    
a:visited, #text {
    color: #feff8f;
    text-decoration: none;
}
    
a:active, #text {
    color: #feff8f;
    text-decoration: none;
}
    
.button:link {
  /*  background-color: #990000;  dark red */
    margin: 5px;
    border-width: 1px;
    border: solid;
    border-color: #990000; /* dark red */
    color: lightgray;
    padding: 5px 10px;
    height: 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px; 
    border-radius: 30px;
}
    
.button:visited {
   /* background-color: #990000;  red */
    border: solid;
    border-color: #990000; /* dark red */
    color: lightgray;

    text-align: center;
    text-decoration: none;
    display: inline-block;
           
}
    
    .button:hover {
    border-color: #ff0000;
    color: lightgray; 
}
   /* 
div {
        border-style: solid;
        border-color: coral;
        border-width: 1px;
    }


/* start of desktop styles */

@media screen and (max-width: 991px) {
     /* start of large tablet styles */
        .maindiv {
         margin:0px;
         padding: 3px;
         width: 1000px;
         height: auto;
    }  
    .contentbox { 
          width: 900px;
          float: left;
          margin-top: 10px;
    }
   
}

@media screen and (max-width: 767px) {
     /* start of medium tablet styles */
        .maindiv {
         margin:0px;
         padding: 3px; 
         width: 800px;
         height: auto;
    }  
    .contentbox { 
          width: 700px;
          float: left;
          margin-top: 10px;
    }
}

@media screen and (max-width: 479px) {
     /* start of phone styles */
        .maindiv {
         margin:0px;
         padding: 3px;
         width: 400px;
         height: auto;
    }  
    .contentbox { 
          width: 400px;
          float: left;
          margin-top: 10px;
    }
}