@-ms-viewport{
	width: extend-to-zoom;
	zoom: 1.0;
}

body {
	margin: 0 auto
}

header {
	margin-bottom: 1em;
}

footer {
}

section {
	clear: both;
	overflow: hidden;
}

.divider, .t-divider, .b-divider {
	clear: both;
	overflow: hidden;
}

#logo {
	width: 33%;
	float: left;
}

#logoType {
	width: 67%;
	float: left;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: 1em;
}

.unit {
	border: 0.75em solid #000;
	box-sizing: border-box;
}	

.col2 {
	border: 2px solid #000;
	box-sizing: border-box;
}	

.t-divider {
	box-sizing: border-box;
	padding: 0em;	
	min-height: 2em;
}

.divider {
	box-sizing: border-box;
	padding: 0em;	
	min-height: 1.3em;
}

.b-divider {
	box-sizing: border-box;
	padding: 0em;	
	min-height: 1em;
}

.album {
	width: 85%;
	float: left;
}

.videoLink {
	width: 80%;
	float: left;
}

.desc {
	width: 100%;
	float: left;
}


@media only screen and (min-width: 541px) and (max-width: 864px) {


.col2 /* the new cell */ {
	padding: 1em;
}

.album {
	width: 70%;
	float: left;
	border-top: 0.5em solid #000; 
	border-left: 1em solid #000; 
}

}


@media only screen and (min-width: 865px) {

	
.unit /* the new cell */ {
	float: left;
	border: 1.25em solid #000;
	box-sizing: border-box; 
}	

.col1 /* the new cell */ {
	float: left; 
	box-sizing: border-box; 
}

.col2 /* the new cell */ {
	padding: 1em;
	float: left; 
}

.divider, .t-divider, .b-divider {
	box-sizing: border-box;
	padding: 0em;	
	min-height: 2em; 
}

img {
	margin-bottom: 0;
}
	
.album {
	width: 100%;
	border-right: 1.25em solid #000;
	border-left: 0.625em solid #000; 
}

.videoLink {
	width: 100%;
}

.desc {
	width: 100%; 
}
	  
.size1of1 {
	width: 100%; 
}

.size1of2 {
	width: 50%; 
}

.size1of3 {
	width: 33.333333%; 
}

.size2of3 {
	width: 66.666666%; 
}
    
.right {
	float: right;
}
  
.left {
	float: left;
}  
    
.center {
	float: none;
	margin: 0 auto;
}  

.t-left {
	text-align: left;
}
   
.t-right {
	text-align: right;
} 
   
.c-text {
	text-align: center;
}

}