body {
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.1;
	color: inherit;
}
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, a:hover
{
	text-decoration: none;
}
#footer {
	position: fixed;
	bottom: 0;
	height: 20px;
	text-align: right;
	width: 100%;
}
#footer img {margin-top: 20px;}

.bold {font-family: "Open Sans"; font-weight: 700;}
.dropdown-menu>li>a {padding-left: 1em; padding-right: 1em;}

.border {border: 1px solid #333;}

.md {font-size: 0.9em;}
.xs {font-size: 0.6em;}

.table-cell {display: table-cell}

a.btn.btn-default.btn-xs.notchecked {background-color: #efefef; color: #bbb;}
a.btn.btn-default.btn-xs.notchecked p {background-color: #efefef; color: #bbb;}
.btn.btn-default.btn-xs.has-success {color: #3c763d; border: 1px solid #3c763d;}
.btn.btn-default.btn-xs.has-error {color: #b94a48; border: 1px solid #b94a48;}

.margin {margin: 1em;}
.margin-lg {margin: 3em;}
.margin-left {margin-left: 1em;}
.margin-top {margin-top: 1em;}
.margin-top-xs {margin-top: 0.65em;}
.margin-top-md {margin-top: 2em;}
.margin-top-nav {margin-top: 15em;}
.margin-right {margin-right: 1em;}
.margin-bottom {margin-bottom: 1em;}

.margin-left-zero {margin-left: 0;}
.margin-top-zero {margin-top: 0;}
.margin-right-zero {margin-right: 0;}
.margin-bottom-zero {margin-bottom: 0;}

.padding {padding: 1em;}
.padding-left {padding-left: 1em;}
.padding-top {padding-top: 1em;}
.padding-top-lg {padding-top: 1.5em;}
.padding-right {padding-right: 1em;}
.padding-right-xs {padding-right: 0.1em;}
.padding-right-sm {padding-right: 0.3em;}
.padding-right-lg {padding-right: 1.5em;}
.padding-bottom {padding-bottom: 1em;}

.padding-left-zero {padding-left: 0;}
.padding-top-zero {padding-top: 0;}
.padding-right-zero {padding-right: 0;}
.padding-bottom-zero {padding-bottom: 0;}

.shadow {
  -moz-box-shadow:    0px 6px 8px -4px #E3E1E1;
  -webkit-box-shadow: 0px 6px 8px -4px #E3E1E1;
  box-shadow:         0px 6px 8px -4px #E3E1E1;
}
.shadow-canvas {
  -moz-box-shadow:    6px 6px 8px -4px #E3E1E1;
  -webkit-box-shadow: 6px 6px 8px -4px #E3E1E1;
  box-shadow:         6px 6px 8px -4px #E3E1E1;
}

#plusone {
	-webkit-animation-duration: 1.2s;
	   -moz-animation-duration: 1.2s;
	    -ms-animation-duration: 1.2s;
	     -o-animation-duration: 1.2s;
	        animation-duration: 1.2s;
}

.bs-callout {
padding: 20px;
margin: 20px 0;
border: 1px solid #eee;
border-left-width: 5px;
border-radius: 3px;
}
.bs-callout-info {
border-left-color: #A9A9A9;
}

.bs-callout-info h4 {
color: #A9A9A9;
}
.bs-callout h4 {
margin-top: 0;
margin-bottom: 5px;
}	

.rgb-primary-0 {color: #FCFCFC;}
.rgb-primary-0-border {border: 1px solid #EDEDED;}
.rgb-primary-0-border-left {border-left: 1px solid #EDEDED;}
.rgb-primary-0-border-top {border-top: 1px solid #EDEDED;}
.rgb-primary-0-border-bottom {border-bottom: 1px solid #EDEDED;}
.rgb-primary-0-border-right {border-right: 1px solid #EDEDED;}

.rgb-primary-1 {color: #DADADA;}
.rgb-primary-2, .rgb-primary-2-no-hover {color: #A9A9A9;}
.rgb-primary-2:hover {color: #666; background-color: #ccc;}
.rgb-primary-3, .rgb-primary-3-no-hover {color: #666;}
.rgb-primary-3:hover {color: #999; background-color: #666;}

.rgb-primary-0-bg {background-color: #FCFCFC;}
.rgb-primary-1-bg {background-color: #EFEFEF;}
.rgb-primary-2-bg {background-color: #A9A9A9;}
.rgb-primary-3-bg {background-color: #CCC;}

.modal {
	overflow-y: hidden;
}

.square {
    margin: 1.66%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size: contain;
}
.square:hover {
	cursor: pointer;
}

.modal-dialog {height: 90%;}
.modal-content {height: 100%;}
.modal-body {height: 90%;}

.modal-body {
	background-position:center center;
    background-repeat:no-repeat;
    background-size: contain;
}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    .square {padding-bottom : 98%;}
    .margin-top-nav {margin-top: 7em;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.margin-top-nav {margin-top: 8em;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.margin-top-nav {margin-top: 15em;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.square {padding-bottom : 16.55%;}
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}