@charset "utf-8";

/* Index page only Styles */
@font-face {
    font-family: 'signata';
    src: url('../fonts/signatabq-light-webfont.eot');
    src: url('../fonts/signatabq-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/signatabq-light-webfont.woff2') format('woff2'),
         url('../fonts/signatabq-light-webfont.woff') format('woff'),
         url('../fonts/signatabq-light-webfont.ttf') format('truetype'),
         url('../fonts/signatabq-light-webfont.svg#signata_bqregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin:  0;
	padding: 0;
	width:  100%;
	height: 100%;
	font-family: 'signata', san-serif;
	background: #131E1D url(../images/Sandra-Robbins-Sculpture-Bad-Hair-Day-Landscape.jpg) repeat-x;
	background-size:  cover;
	font-size: 12px;
}
/*position all text to the right of sculpture*/
#container {
	position: absolute;
	left:  20%;
    width: 100%;
	text-align:center;
}
p, h1, li{
	margin: 0;
	padding:0;
	color:white;
	font-weight:normal
}
h1{
	
	margin-top: 8%;
	font-size:  6em;
	line-height:1.2em;
	width: 100%;
}
ul{
	
	width: 100%;
	margin-top: 9%;
	list-style-type: none;
	padding:0;
}
.imagesLink {
	font-size:   6em;
	line-height: 1.5em;
}
li{
	font-size:   5em;
	line-height: 1.2em;
}
a {
	color:#2c473d;
	text-decoration:none;
	outline:none; /*gets rid of img link outlines in firefox*/
}
.imagesLink a{
	color: white;
}
/*override bootstrap*/
a:focus {
	outline: none !important;
}
a:hover {
	color: gray;
}
#footer_index {
    width: 100%;
    margin-top: 7%;
}
#footer_index p {
	color:gray;
	font-size: 1.5em;
}
/* square & nearing square (wide 1.4:1)styles here */
@media (min-aspect-ratio:1/1) and (max-aspect-ratio:14/10) and (orientation: landscape) {
	a {
		color:pink;
	}
	body {
		background: #131E1D url(../images/Sandra-Robbins-Sculpture-Bad-Hair-Day-Landscape.jpg) 30% 0 no-repeat;
    	background-size: 180%;
	}
	h1{
		margin-top: 13%;
		font-size: 5.5em;
	}
	ul {
		margin-top: 9%;
	}
	li {
		font-size:   4em;
		line-height: 1.2em;
	}
	#footer_index {
		margin-top: 17%;
	}
}

/* Media query for Portrait */
@media (orientation:portrait){
	a {
		color:white;
	}
	body {
		background: #131E1D top center url(../images/Sandra-Robbins-Sculpture-Bad-Hair-Day-Portrait.jpg) no-repeat;
    	background-size: 180%;
	}
	#container {
		left:  0;
	}
	h1{
		margin-top: 8%;
		font-size:  6em;
	}
	ul {
		margin-top: 8%;
	}
	.imagesLink {
		font-size: 5em;
		line-height: 1.75em;
	}
	li {
		font-size:   4em;
		line-height: 1.2em;
	}
	#footer_index {
		margin-top: 14%;
	}
}
/*Galaxy S6*/
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 4)  and (orientation:portrait) {
/*	.imagesLink a{
		color:pink !important;
	}*/
	body {
		font-size: 10px;
	}
}
/*Galaxy S6 & ipad*/
@media (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 4)  and (orientation:landscape) {
/*	a{
		color:purple !important;
	}*/
	body {
		font-size: 7px;
	}
}
/*ipad iphone*/
@media (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 2) and (orientation:portrait){
/*	a{
		color:blue !important;
	}*/
	body {
		font-size: 14px;
	}
}