article, aside, details, figcaption, footer, header, hgroup, nav, section {
	display: block;
	text-align: center;
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
	outline: 0;
	background-color: #000000;
}

a {
	color: #666666;
	text-decoration: none;
	font-family: "Calibri Light";
	font-weight: 600;
	font-size: 1.7rem;
}

a:hover {
	color: #FFFFFF;
}
a.head:link {
     color: #1347D1;
     text-decoration: none;
     font-family: "Calibri Light";
     font-weight: 600;
     font-size: 2.1rem;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
}
td { vertical-align: top; }


#sectionOne {
	width: 83.0508%;
	margin-left: 8.4745%;
}
#sectionTwo {
	width: 100%;
	margin-left: 0;
	clear: both;

}
.topImage {
	background-image: url(images/logoMobile.gif);
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}

.container {
	width: 98%;
	margin-top: 0.7%;
	margin-left: 1.2%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 2px;
}
.containernomargin {
	width: 100%;
	margin-top: 0.7%;
	overflow: hidden;
	text-align: center;

}
.containerpan {
	width: 100%;
	margin-top: 1%;
	margin-left: 12%;
	overflow: hidden;
	text-align: center;
}
	
.container70percent {
	width: 70%;
	margin-left: 15%;
	overflow: hidden;
}
.containergrey {
	width: 91%;
	margin-top: 0.7%;
	margin-left: 3.5%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 7px;
	background-color:#999999;
	padding-left: 14px;
	padding-top: 7px;
}
.wrapper {
	width: 99%;
	margin-top: 2%;
	margin-left: 2%;
	margin-bottom: 2%;
	overflow: hidden;
	text-align: center;
}

.tables {
	float: left;	
	width: 43%;
	margin-top: 2%;
	margin-left: 5%;
	margin-right: 2%;
	margin-bottom: 2%;
	text-align: center;
}

h1 {
	font-family: "Calibri Light";
	font-weight: 400;
	font-size: 2.1rem;
	text-align: center;
	color: #ffffff;
	background-color: #999999;
}
h2 {
     font-family: "Calibri Light";
     font-weight: 400;
     font-size: 2.1rem;
     text-align: center;
     padding-bottom: 3px;
     color: #6A6666;
}
h3 {
	font-family: "Calibri Light";
	font-weight: 400;
	font-size: 2.4rem;
	text-align: center;
	padding-bottom: 3px;
	color: #ffffff;
	background-color: #999999;
}
h5 {
	text-align: center;
	font-weight: bold;
}
h6 {
	text-align: center;
	font-family: "Calibri Light";	
	font-weight: 300;
	font-size: 1.6rem;
}
/* THUMBNAILS h6*/
	
.galleryItem {
	float: left;
	width: 21%;
	margin-left: 2%;
	margin-bottom: 1%;
	max-height: 290px;
	max-width: 420px;
}

 
.galleryItem h6 {
     display: block;
     margin-top: 1px;	
}
.galleryItem h6 a {
	display: block;
	font-family: "Calibri Light";
	font-weight: 600;
	font-size: 1.7rem;
	text-transform: uppercase;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 1px 1px 2px #0066FF;
}

/* Galleries*/

.galleryItemg {
	float: left;
	width: 14%;
	margin-left: 2%;
	margin-bottom: 1%;
	max-height: 300px;
	max-width: 420px;
}
.galleryItemg h6 {
     margin-top: 1px;
}
.galleryItemg h6 a {
	display: block;
	font-family: "Calibri Light";
	font-weight: 600;
	font-size: 1.4rem;
	text-transform: uppercase;
    margin-top: 1px;
}
 

/* Galleries END*/

/* THUMBNAILS without titles h6*/

.galleryItemm {
	float: left;
	margin-left: 2%;
	margin-bottom: 1%;
}
 .galleryItemmv {
	float: left;
	margin-left: 2%;
	margin-bottom: 1%;
}
 
.galleryItemmp {
	float: left;
	margin-left: 2%;
	margin-bottom: 1%;
}

.galleryItemms {
	float: left;
	margin-left: 2%;
	margin-bottom: 1%;
}
 
/* THUMBNAILS without titles h6 END*/

/* THUMBNAILS v -  portrait ONLY h6*/

.galleryItemv {
	float: left;
	width: 10.2%;
	margin-left: 1.4%;
	margin-bottom: 1%;
	max-height: 290px;
}
 
.galleryItemv h6 {
	display: block;
	margin-top: 1px;
	font-size: 1.4rem;
}
.galleryItemv h6 a {
	display: block;
	font-family: "Calibri Light";
	font-weight: 600;
	font-size: 1.7rem;
	text-transform: uppercase;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 2px 2px 5px #0066FF;
}

/* THUMBNAILS v -  SQUARE ONLY h6*/

.galleryItems {
	float: left;
	width: 15%;
	margin-left: 1.4%;
	margin-bottom: 1%;
	max-height: 290px;
}
 
.galleryItems h6 {
	display: block;
	margin-top: 1px;
	font-size: 1.4rem;
}
.galleryItems h6 a {
	display: block;
	font-family: "Calibri Light";
	font-weight: 600;
	font-size: 1.7rem;
	text-transform: uppercase;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 2px 2px 5px #0066FF;
}
 

/* PANORAMIC*/

.galleryItemp {
	float: left;
	width: 26.5%;
	margin-left: 2%;
	margin-bottom: 1%;
	max-height: 290px;
}
 
.galleryItemp h6 {
	display: block;
	margin-top: 1px;
	font-size: 1.4rem;
}
.galleryItemp h6 a {
	display: block;
	font-family: "Calibri Light";
	font-weight: 600;
	font-size: 1.6rem;
	text-transform: uppercase;
	margin-top: 1px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 2px 2px 5px #0066FF;
}
 

/* PANORAMIC end*/

.LFont {
     font-family: "Calibri Light";
     font-style: normal;
     font-weight: 300;
     font-size: 2.1rem;
     text-align: center;
     color: #000000;
}
.XLFont {
     font-family: "Calibri Light";
     font-style: normal;
     font-weight: 300;
     font-size: 2.8rem;
     text-align: center;
     color: #ffffff;
	 background-color:#999999;
}
.phoneFont {
     font-family: "Calibri Light";
     font-style: normal;
     font-weight: 400;
     font-size: 2.4rem;
     text-align: center;
     color: #000000;
}

.galleryTop {
	float: left;
	width: 100%;
	min-height: 49px;
	min-width: 100px;
	text-align: center;
	
}

.justify {
	width: 90%;
	margin-left: 7%;
	text-align: justify;
	font-family: "Calibri Light";
    font-weight: 400;
	font-size: 1.9rem;
}

.fltlt {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.fltrt {
	float: right;
	margin-left: 10px;
}

/* Style the breadcrumb list */
ol.breadcrumb {
    padding: 1px 1px;
    list-style: none;
    text-align:center
}

/* Display list items side by side */
ol.breadcrumb li {
    display: inline;
    font-size: 10px;
}

/* Add a slash symbol (/) before/behind each list item */
ol.breadcrumb li+li:before {
    padding: 1px;
    color: black;
    content: "/\00a0";
}
/* MEDIA QUERIES */

/* iPad pro */

@media only screen and (max-width : 1024px),
only screen and (max-device-width : 1024px){
	.galleryItemg {width: 21%;}	
	/* iPad pro */
}
@media only screen and (max-width : 940px),
only screen and (max-device-width : 940px){
    .galleryItem {width: 44%;  margin-bottom: 3%;}
	.galleryItems {width: 35%; margin-bottom: 3%; min-height: 140px;}
	.galleryItemv {width: 22%; min-height: 140px;}
	.galleryItemp {width: 91%; margin-bottom: 2%;}
	.galleryItemm {width: 42%; margin-bottom: 1%;}
	.galleryItemms {width: 33%; margin-bottom: 1%;}
	.galleryItemmv {width: 22%; margin-bottom: 1%;}
	.galleryItemmp {width: 91%; margin-bottom: 1%;}
	.container70percent {width: 91%; margin-left: 5%;}
	.galleryItemg {width: 21%;}
	.XLFont {font-size: 2.1rem;}
}
 
@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
      .galleryItem {width: 35%; margin-bottom: -3%;}
      .galleryItem h6 a {font-size: 1.4rem;}
      .galleryItems {width: 35%; margin-bottom: -3%;}
	  .galleryItemv {width: 22%;}
	  .galleryItemp {width: 29.33333%;}
	  .galleryItemg {width: 29.33333%; margin-bottom: -3%;}
	  a.head:link {font-weight: 400; font-size: 1.9rem;}
}
 
@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
      .galleryItem {width: 42%; margin-bottom: -3%;}
	  .galleryItem img {max-height: 140px;}
      .galleryItems {width: 35%; margin-bottom: -3%;}  	
	  .galleryItemv {width: 21%; min-height: 197px;}
	  .galleryItemp {width: 91%;}
	  .galleryItemg {width: 42%; margin-bottom: -3%;}
	  .container70percent {width: 91%; margin-left: 3%;}
}
 
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
      .galleryItem {margin-bottom: -28px;}
      .galleryItem h6 a {font-size: 1.4rem;}
      .galleryItems {margin-bottom: -28px;}
	  .galleryItemv {margin-bottom: -3%;}
	  .galleryItemp {margin-bottom: -28px;}
      .galleryItemg {margin-bottom: -28px;}
	  .container70percent {width: 91%; margin-left: 3%;}
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. for logo and phone*/

@media only screen and (min-width: 481px) {
#sectionOne {
	width: 40.6779%;
    margin-left: 5.4745%;
}
#sectionTwo {
	clear: none;
	width: 40.6779%;
    margin-left: 8.4745%;
	display: block;
}    

.galleryItem h6 a {
	font-size: 1.5rem;}
	
}
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. for logo and phone */

@media only screen and (min-width: 769px) {
	#sectionOne {
	width: 40.6779%;
	margin-left: 1%;
}
	#sectionTwo {
	width: 40.6779%;
	margin-left: 14%;
	clear: none;
	display: block;
	margin-top: 7px;
}
}