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

body {
	margin: 0 auto
}

header {
	margin-bottom: 1em;
}

footer {
	margin-top: 1em;
}

section {
	clear: both;
	overflow: hidden;
}

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

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

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

img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.unit {
    border: 0.75em 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: 33%;
	float: left;
}

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


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


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

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

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

.album {
	width: 85%;
	border-right: 1.25em solid #000;
	border-left: 0.625em solid #000; 
}

.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; 
}
}