@charset "UTF-8";
/* CSS Document */
* {
transition: all .5s;
}

body {
font-family: 'Roboto', sans-serif;
font-size: 0.98rem;
}

#wrapper {
	min-width: 320px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 50px 20px 80px 20px;
}

#logo {
width: 30%;
max-width: 600px;
min-width: 250px;
padding-bottom: 1rem;
}
#logo img {
width: 100%;
}

.intro {
margin-bottom: 20px;
}

h1, h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: .95;
	width: 100%;
}

h6 {
	font-weight: 300;
	color: #6F6D6D;
	font-style:  italic;
}
p {
	font-weight: 300;
	margin: 0.8rem 0;
	color: #6F6D6D;
}

article {
padding: 30px 0 0 0;
}

a {
color: black; 
text-decoration: none;
}

nav {
	background-color: rgba(255,255,255,0.95);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100000;
	top: 40px;
	right: 0;
	padding-top: 40px;
}

nav a {
display: block;
height: 50px;
line-height: 50px;
text-align: center;
font-weight: 700;
}

#burger {
position:fixed;
	top: 0;
	width: 100%;
	max-width: 1440px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100001;
	background-color: rgba(255,255,255,0.95);
	height: 40px;
}

#burger div {
position: absolute;
width: 40px;
height: 40px;
top: 0;
right: 15px;
}

#burger div img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.out {
right: -100%;
}

.name {
font-weight: 700;
}

.more, .less, .link {
	font-weight: 700;
	font-size: smaller;
	cursor: pointer;
}

.additional {
overflow: hidden;
height: 0;
}

.additional p:first-child {
margin-top: 0;
}

.displayN {
display: none;
}

.more:after, .link:after {
content: url(../_img/more_small.gif);
margin-left: 5px;
}

.less:after {
content: url(../_img/less.gif);
margin-left: 5px;
}

.bgImg {
	
	background-repeat: no-repeat;
    background-position: center; 
	background-size: cover;
	margin-bottom: 25px;
}

.title {
font-style: italic;
}

.rhiannon {
	background-image: url(../_img/rhiannon.jpg);
    background-position: 66% 50%; 
}

#card {
display: none;
width: 100%;
}


.contest {
	background-image: url(../_img/contest.jpg);
	background-position: 66% 50%; 
}
.exhibition {
	background-image: url(../_img/exhibition.jpg);
	background-position: 66% 50%; 
}
.ctd {
	background-image: url(../_img/ctd.jpg);	
}

#fit section:first-of-type {
border-top: black solid 2px;
}


.smallBorder {
padding: 1rem 0 15px 0;
}


/*     footer          */
footer {
	margin-top: 50px;
}

#fitLogo img, #nfl img {
width: 100%;
}
#fitLogo {
	width: 150px;
	margin-bottom: 25px;
}

#nfl {
width: 18px;
}

#clubs img {
width: 20px;
margin: 0 3px;
}
#nfl, #clubs {
	float: left;
}
#nfl {
margin-right: 10px;
}
#clubs {
	width: calc(100% - 50px);
	margin-top: -5px;
}

/*     footer  ends        */

/*     Alt footer          */
#altFooter.down {
	bottom: -200px;
}

#altFooter {
	position:fixed;
	bottom: 0;
	width: 100%;
	max-width: 1440px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 80000;
	background-color: rgba(255,255,255,1);
	padding: 12px 0px 5px 20px;
}

#fitLogo.fixed  img, #nfl.fixed img {
width: 100%;
}
#fitLogo.fixed  {
	width: 150px;
	margin-bottom: 10px;
}

#nfl.fixed  {
width: 18px;
}

#clubs.fixed  img {
width: 20px;
margin: 0 3px;
}
#nfl.fixed , #clubs.fixed  {
	float: left;
}
#nfl.fixed  {
margin-right: 3px;
}
#clubs.fixed  {
	width: calc(100% - 50px);
	margin-top: -0px;
}

/*     Alt footer ends         */


.slideShow {
	position: relative;
	background-image: url(../_img/loader.gif);
	background-repeat: no-repeat;
    background-position: center; 
}

.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
	height: 100%;
	background-repeat: no-repeat;
    background-position: center; 
	background-size: cover;
	opacity: 0;
}

#artwork .slide:first-child {
background-image: url(../_img/s1.jpg);
}
#artwork .slide:nth-child(2) {
background-image: url(../_img/s2.jpg);
}
#artwork .slide:nth-child(3) {
background-image: url(../_img/s3.jpg);
}
#artwork .slide:nth-child(4) {
background-image: url(../_img/s4.jpg);
}
#artwork .slide:nth-child(5) {
background-image: url(../_img/s5.jpg);
}
#artwork .slide:nth-child(6) {
background-image: url(../_img/s6.jpg);
}
#artwork .slide:nth-child(7) {
background-image: url(../_img/s7.jpg);
}
#artwork .slide:nth-child(8) {
background-image: url(../_img/s8.jpg);
}
#artwork .slide:nth-child(9) {
background-image: url(../_img/s9.jpg);
}
#artwork .slide:nth-child(10) {
background-image: url(../_img/s10.jpg);
}
#artwork .slide:nth-child(11) {
background-image: url(../_img/s11.jpg);
}
#artwork .slide:nth-child(12) {
background-image: url(../_img/s12.jpg);
}

#exhibition .slide:first-child {
background-image: url(../exhibition/b1.jpg);
}
#exhibition .slide:nth-child(2) {
background-image: url(../exhibition/b2.jpg);
}
#exhibition  .slide:nth-child(3) {
background-image: url(../exhibition/b3.jpg);
}
#exhibition .slide:nth-child(4){
background-image: url(../exhibition/b4.jpg);
}
#exhibition .slide:nth-child(5){
background-image: url(../exhibition/b5.jpg);
}
#exhibition .slide:nth-child(6){
background-image: url(../exhibition/b6.jpg);
}
#exhibition .slide:nth-child(7){
background-image: url(../exhibition/b7.jpg);
}
#exhibition .slide:nth-child(8){
background-image: url(../exhibition/b8.jpg);
}
#exhibition .slide:nth-child(9){
background-image: url(../exhibition/b9.jpg);
}
#exhibition .slide:nth-child(10){
background-image: url(../exhibition/b10.jpg);
}
#exhibition .slide:nth-child(11){
background-image: url(../exhibition/b11.jpg);
}
#exhibition .slide:nth-child(12){
background-image: url(../exhibition/b12.jpg);
}

.sLeft, .sRight {
	position: absolute;
}

.sLeft {
left: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
}

.sRight {
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9998;
}


.mHeight {
	height: 280px;
}

.credits {
clear: both;
padding-top: 20px;
font-size: smaller;
font-style: italic;
color: rgba(159,157,157,1.00);
}

#contact {
margin-top: 10px;
}
h5 {
padding-top: 10px;
font-weight: 700;
margin-bottom: 5px;
}
input {
width: 100%;
height: 2rem;
margin: 5px 0;
border: 1px #ddd solid;
padding: 2px;
}
textarea {
width: 100%;
margin-top: 5px;
border: 1px #ddd solid;
resize: none;
height: 5rem;
padding: 2px;
}

input[type=submit] {
margin-top: 10px;
font-weight: 700;
color: black;
background-color: white;
font-size: 0.9rem;
padding: 0 20px;
}

@media screen and (min-width: 481px) {
.mHeight {
	height: 350px;
}

}

@media screen and (min-width: 600px) {
.mHeight {
	height: 400px;
}
}

@media screen and (min-width: 900px) {
#fitLogo.fixed  {
float: left;
margin-left: 22px;
margin-right: 30px; /*calc(33.3333333333% - 140px);*/
}
#nfl.fixed  {
margin: 0 3px 0 0px;
}
#clubs.fixed {
	width: calc(100% - 340px);
	/*width: calc(66.666666666% - 100px);*/
}

#fitLogo {
float: left;
}
#nfl {
margin: 0 5px 0 40px;
}

#clubs {
	width: calc(100% - 340px);
	margin-top: -2px;
}

.mHeight {
	height: 450px;
	
}

#wrapper {
	padding: 60px 45px;
}
#burger div {
right: 40px;
}

#card {
display: block;
}

.left {
float: left;
}
.right {
float: right;
}

.double {
	width: calc(66.666666666% - 30px);
}
.single {
width: 33.333333333333%;
}

.borderTop {
	border-top: black solid 2px;
	padding: 12px 0 30px 0;
}

.mLeft {
	margin-left: 30px;
}
.mRight {
	margin-right: 30px;
}

#fit section {
width: calc(33.33333333333% - 30px);
}

#fit section:first-of-type, #fit section:nth-of-type(2) {
margin-right:  30px;
}

#logo {
float: left;
width: 33.33333333%;
margin-top: 5px;
margin-bottom:  50px;
min-width: 50px;
}
.intro {
	float: left;
	width: calc(66.66666666666666% - 30px);
	margin-left: 30px;
	margin-bottom:  50px;
}
h1 {
	font-size: 48px;
}
}

@media screen and (min-width: 1101px) {
.mHeight {
	height: 500px;
}
.intro {
	width: calc(50%);
}
h1 {
	font-size: 56px;
}
}