/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

/* Test by using a different setting
@media screen and (min-width: 370px) and (max-width: 779px) { 
*/

@media only screen and (max-width: 485px){ 

body {  }

#wrapper {
width:100%;
 /*originally min-width:780px was suggested */
 /*originally max-width:1260px; */
background-color:#FFCC33;  /*this was #FFE957 */
padding-top:4px;
margin:0 auto;
box-sizing:border-box;
border:ridge 10px gray;
} 

/*Used for header */
#wrapper2 {
width:50%; /*Was 80% */
background-color:#FFC33;
padding:4px;
margin:0 auto;
box-sizing:border-box;
}

.then {
display:block;  /*display was block */
float: none;
text-align:center;
margin:0 auto;
width:; /*was width 30% */
height:;  /*was 250px; */
padding-left:;  /*was 60px*/
border:ridge 10px gray;
 /*margin-left was 15% */

}

.now {
display:block; /*display was block */
float:none;
text-align:center;
margin:0 auto;
width:; /*width was not originally used */
height:; /*height was 250px */
padding-right:;  /*This was 60px */
 /*remove position:relative; */
border:ridge 10px gray;
  /*margin-right was 15% */
}
 
/*These img.left and img.right were designed for weight room and used in reservation events */
img.left{
display:block;
float:left;
width:45%;
height:45%;
box-sizing:border-box;
border:ridge 10px gray;
margin:auto;
margin-bottom:1.5em;

 }
 
img.right {
display:block;
float:right;
width:45%;
box-sizing:border-box;
border:ridge 10px gray;
margin-right:1%; 
margin-bottom:1.5em;

 } 

 /*This was used for the weight room last picture  */
img.center3 {
text-align:center;
width:45%;
box-sizing:border-box;
border:ridge 10px gray;
margin-left:%;
margin-bottom:1.5em;
 } 
 
img.center8 {
display:block;
text-align:center;
box-sizing:border-box;
margin-left:auto;
margin-right:auto; 
border:none;
} 
 
 
 /*used in alumni office */ /*also used in gymdedication */
.center {   
 /* position:relative; this was in the original */
display:block; 
paddin:0;
margin-left:auto;
margin-right:auto;
width:65%;
box-sizing:border-box;
border:ridge 10px gray;
} 

 .container {
 /* did have this position:relative; */
display:block;
background-color:#FFFAC8;
text-align:left;
font-size:115%;
padding-left:8px;
padding-right:8px;
padding-bottom:8px;
width:78.6%;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:8px;
/*margin:100px auto;*/
border:solid 2px  black; /* was border:ridge 10px gray; */
  }











.container5 {  /*Used on membership form page */
display:block;
background-color:#FFFFFF;
padding-right:px;
padding-bottom:px;
size:auto;
margin-left:auto;
margin-right:auto;

box-sizing:border-box;

 }

 /*used in future pow wows */
 .container1 { 
display:block;
background-color:#FFFAC8;
text-align:center;
font-size:130%;
padding-right:8px;
padding-bottom:8px;
width:79.5%;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:8px;
/*margin:100px auto;*/
border:solid 2px  black; /* was border:ridge 10px gray; */ 
 
  }  
 



 

 }/*Closing bracket for @media screen */