/* GLOBAL SETTINGS */

a:link {text-decoration:none; color:#000000;}
a:visited {text-decoration:none;color:#000000;}
a:hover {text-decoration:none;color:white;}
a:active {text-decoration:none;color:#4c384c;}

body {
background-image: url("img/bg.jpg");
font-family: PT Sans;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: 500;
line-height: 30.7167px;
background-color: #F8F8F8;
text-align: center;
width:100%;
height: 100%;
position: absolute;
margin: auto;
}

button {
visibility: hidden;
}

.headerimg {
margin: auto;
max-width: 650px;
width: 50%;
position: relative;
}

.blurb {
max-width: 800px;
text-align: justify;
margin: auto;
position: relative;	
padding-left:30px;
}

.instagram {
width:70%;
border:0;
overflow:hidden;


}

.item {
font-weight: bold;
font-size: 24px;
position: relative;
padding-left: 50px;
padding-right: 50px;

background-color: #cfbd9a;
border-style: solid;
border-width: 3px;
border-color: black;
border-radius: 7px;
}

.item:hover {
border-color: white;	
}

iframe{
  margin-left: -webkit-calc(50% - 306px);
  margin-left: -moz-calc(50% - 306px);
  height: 1100px;
}

@media only screen and (max-width: 612px) {
  iframe{
    margin-left: 0;
    width:100%;              
    height:420px;
  }

  .mainimg {
max-width: 950px;
width: 150px;
position: relative;
margin: auto;
padding-bottom: 15px;
}

.blurb {
max-width: 800px;
text-align: justify;
margin: auto;
margin-right:20px;
position: relative;	
padding-left:30px;
}
.subimg {
max-width: 950px;
width: 580px;
position: relative;
margin: auto;
padding-bottom: 0px;
border-style: solid;
border-width: 4px;
border-color: white;
border-radius: 10px;
}

.clear {
clear: both;
}

#footer {
max-width: 1000px;
min-width: 500px;
text-align: center;
margin: auto;
position: relative;	
color: black;
}

/*Media*/

#text2 {
text-align: left;
font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif;
font-size: 22px;
position: relative;
margin: auto;
max-width: 900px;
min-height: 100px;
background-color: #cfbd9a;
border-style: solid;
border-width: 0px;
border-radius: 7px;
padding-left: 10px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
overflow: hidden;
}

#albums {
position: relative;
margin: auto;
max-width: 1000px;
width: 100%;
}

.album {
display: inline;
position: relative;
border: 0px;
width: 45%;
height: 120px;
}

.videowrapper {
    float: none;
    clear: both;
    width: 90%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;

}

.dateswrapper {

	-webkit-overflow-scrolling: touch;
  	overflow:auto;
    float: none;
    width: 100%;
    position: relative;
    padding-bottom: 10px;
    height: 500px;
	
}


.smallprint {
font-size: 10px;
text-decoration: italic;
	
}
#thumbwrapper {

	width: 60%;
	
}

.thumbnail {
width: 100%;
	
}

/*About*/

#text {
font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif;
font-size: 22px;
position: relative;
margin: auto;
max-width: 900px;
min-height: 100px;
background-color: #cfbd9a;
border-style: solid;
border-width: 0px;
border-radius: 7px;
text-align: left;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
overflow: hidden;
}

.imgwrapper {
width: 40%;
padding-left: 5px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 0px;
float: right;
}
.textimg {
width: 100%;
border-style: solid;
border-width: 0px;
border-radius: 5px;
}

.highlight {
color: red;
	
}

/*media only screen */
@media only screen and (max-width: 1000px) {

button {
display: inline-block;
position: relative;
visibility: visible;
background-color: transparent;
font-size: 80px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
border: none;
}


.headerimg {
max-width: 1000px;
width: 100%;
position: relative;
overflow: hidden; 
}

.subimg {
max-width: 1000px;
width: 100%;
position: relative;
overflow: hidden; 
}

#nav {
position: relative;
width: 100%;
color: white;
display: none;
margin-bottom: 15px;
}

.item {
display: inline-block;
font-weight: bold;
font-size: 50px;
position: relative;
width: 70%;
padding-top: 15px;
padding-bottom: 15px;
line-height: 100%;
margin: auto;
margin-top: 5px;
text-align: center;
border-style: solid;
border-width: 3px;
border-color: black;
border-radius: 7px;
}


#footer {
position: relative;
text-align: center;
font-size:125%;
width: 100%;
min-width: 0px;
margin: auto;
}

#albums {
position: relative;
margin: auto;
width: 100%;
}

.album {
display: inline;
position: relative;
border: 0px;
width: 85%;
height: 120px;
margin: auto;
}

#text {
font-family: Rockwell,Courier Bold,Courier,Georgia,Times,Times New Roman,serif;
font-size: 22px;
position: relative;
margin: auto;
max-width: 900px;
min-height: 100px;
background-color: #cfbd9a;
border-style: solid;
border-width: 0px;
border-radius: 7px;
text-align: left;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
overflow: hidden;
}

}