/* Main Body CSS */

* {
  box-sizing: border-box;
}

html {
margin: 0;
padding: 0;	
border-width: 0;
}

body {
	font-family: Georgia, serif;
	font-size: 12px;
}

header {
	width:100%;
	text-align: left;
	height:180px;
	background: url('../images/winecorksheader2.png') no-repeat center center fixed;
	background-size: cover;
}

#headerRow {
/* font-family:"Lato", sans-serif; */
height: 180px;
margin:0;
padding:0;
}

#headerLabel {
  color:#750000;
  font-size:32px;
  font-weight:bolder;
  
  text-align: left;
  padding-top: 124px;
  padding-left: 18px;
}

footer {
    width:100%;
	height: 60px;
	margin:0; 
	padding: 0;
    background: #aaa;
    color:white;
	float:left; 
}

/* FOOTER */
#footerRow {
	text-align:center;
	margin: auto;
	font-size:1.4em;
} 

.container {
    display: grid;
    /* min-height: 100vh; */
}


.row {
    background: url('../images/bgFaint.jpg') no-repeat center center fixed;
	background-size: cover;    
}

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


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}


mark {
	color:black;
	background-color: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}

.aside {
  background-color: #33b5e5;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.intro {
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 1.6;
	margin-left:8px;
	margin-right:4px;
}

.sbCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
.sideBarImg {
    display: block;
	max-width:88%;
    margin-left: auto;
    margin-right: auto;
    /* max-width:200px; */
}

.article {
    text-align: left;
    padding-left:8px;
    padding-right:4px;
}



/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.2%;
	width:100%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWELVE  */
.cell_12_of_12 {
	width: 100%;
}

.cell_11_of_12 {
	width: 91.56%;
}
.cell_10_of_12 {
	width: 83.13%;
}

.cell_9_of_12 {
	width: 74.7%;
}

.cell_8_of_12 {
	width: 66.26%;
}

.cell_7_of_12 {
	width: 57.83%;
}

.cell_6_of_12 {
	width: 49.4%;
}

.cell_5_of_12 {
	width: 40.96%;
}

.cell_4_of_12 {
	width: 32.53%;
}

.cell_3_of_12 {
	width: 24.1%;
}

.cell_2_of_12 {
	width: 15.66%;
}

.cell_1_of_12 {
	width: 7.233%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	
	.cell_1_of_12, .cell_2_of_12, .cell_3_of_12, .cell_4_of_12, .cell_5_of_12, .cell_6_of_12, .cell_7_of_12, .cell_8_of_12, .cell_9_of_12, .cell_10_of_12, .cell_11_of_12, .cell_12_of_12 {
	width: 100%; 
	}
	
	#headerLabel { font-size:24px; padding-top: 106px;}
	td { font-size:14px; }
}

@media only screen and (max-width: 540px) {
    .sideBarImg {
    	width:60%;
    	display: block;
        margin: 0 auto;
    }
    
    #headerLabel { font-size:24px; padding-top: 106px;}
	td { font-size:14px; }
}

.pageImg {
	margin:6px;
}

.secTitle {
	font-family: Georgia, serif;
	font-weight: bolder;
	font-size: 22px;
}


/*
.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
  background-color: #33b5e5;
  color: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #0099cc;
}
*/