/*
Theme Name: Pianist Site 1
Theme URI: 
Description: A theme for a pianist website
Author: 
Author URI: 
*/



/*Web Fonts*/

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GandhiSansRegular';
    src: url('fonts/GandhiSans-Regular-webfont.eot');
    src: url('fonts/GandhiSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSans-Regular-webfont.woff') format('woff'),
         url('fonts/GandhiSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/GandhiSans-Regular-webfont.svg#GandhiSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GandhiSansBold';
    src: url('fonts/GandhiSans-Bold-webfont.eot');
    src: url('fonts/GandhiSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/GandhiSans-Bold-webfont.woff') format('woff'),
         url('fonts/GandhiSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/GandhiSans-Bold-webfont.svg#GandhiSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CrimsonRoman';
    src: url('fonts/Crimson-Roman-webfont.eot');
    src: url('fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-Roman-webfont.woff') format('woff'),
         url('fonts/Crimson-Roman-webfont.ttf') format('truetype'),
         url('fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'CrimsonItalic';
    src: url('fonts/Crimson-Italic-webfont.eot');
    src: url('fonts/Crimson-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-Italic-webfont.woff') format('woff'),
         url('fonts/Crimson-Italic-webfont.ttf') format('truetype'),
         url('fonts/Crimson-Italic-webfont.svg#CrimsonItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'CrimsonSemiboldItalic';
    src: url('fonts/Crimson-SemiboldItalic-webfont.eot');
    src: url('fonts/Crimson-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/Crimson-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/Crimson-SemiboldItalic-webfont.svg#CrimsonSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'garogierregular';
    src: url('fonts/Garogier-webfont.eot');
    src: url('fonts/Garogier-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Garogier-webfont.woff') format('woff'),
         url('fonts/Garogier-webfont.ttf') format('truetype'),
         url('fonts/Garogier-webfont.svg#garogierregular') format('svg');
    font-weight: normal;
    font-style: normal;
}









html,
body {
   margin:0;
   padding:0;
   height:100%;
}


#wrap {min-height:100%; position:relative;}

#header {background:#111111; height: 60px;}





/*Fade Page, Transition Effect*/
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  
	-webkit-animation:fadeIn ease-in 1;  
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration: .5s;
	-moz-animation-duration:.5s;
	animation-duration:.5s;
}
.fade-in.one {
-webkit-animation-delay: 0.0s;
-moz-animation-delay: 0.0s;
animation-delay: 0.0s;
}







/*Header*/
#header-logo img{
	position: absolute;
	left: 0; right:0; 
   	margin-left: auto;
   	margin-right: auto;
   	margin-top: 20px;
   	padding-left: 40px;
}

#header-logo img a{	text-decoration: none;}	







/*Mobile Logo*/
#mobile-header-logo img{
	margin: 25px 0px 10px 30px;
	display: none;
	border: solid 1px;
}

#mobile-header-logo img a{text-decoration: none;}








/*Navigation Bar*/
#nav{
	text-align: center; 
	margin: 0;
	background: #111111;
	padding: 0;
	margin-top: 0px;
} 

#nav ul{
	padding-top: 11px;
	padding-bottom: 4px;
	margin: 0;
}

#nav li{
	display:inline-block;
	margin-right: 30px;
	color: #fff;
  	font: normal 12px GandhiSansRegular;
	letter-spacing: .1em;
	list-style: none;
	margin-bottom: 8px;
}

#nav li a{
	padding: 12px;
}

#nav li ul {
  padding: 0;
  position: absolute;
  margin-top:12px;
  margin-left: -42px;
  width: 130px;
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 200;
}


#nav li ul li { 
	background:#111111;
	display: block; 
  	padding: 0px;
  	width: 100%;
  	margin-bottom: 0;
}

#nav li ul li a{
  	display: block;
  	width:130px;
  	height:35px;
  	padding-top: 19px;
  	padding-bottom: 0px;
	background:#111111;
	border-top: solid 1px;
	border-color: #707070;
}

#nav li ul li a:hover{
	height: 35px;
	background: #303030;
}


#nav li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
    
  
  
.f-nav{ z-index: 9998; position: fixed; left: 0; top: 0; width: 100%; } 



#nav li a{ text-decoration: none; color: #fff;	height:400px;}

#nav li a:hover{ 
	text-decoration: none; 
	color: #6d9bce; height:400px;  -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


#nav li.current-menu-item a { color:#5690c8; }
#nav li.current_page_item a { color:#5690c8; }







#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#f2f2f2;
   margin-top: 94%;
   padding-top: 15px;
   padding-bottom: 17px;
   font: normal 11px OpenSansRegular;
   text-align: center;
   z-index:2;
   clear: both;

}

#footer p{
	margin: 0px;
	padding: 0px;
}




/*Footer*/

#footer p {margin-top: 15px; color: #6d6e70; }


#social-media-icons{
	padding-left: 9px;
	padding-right: -9px;  /*Adjusts left position of the footer icons*/
}

#footer img{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
    margin-right: 5px;
	vertical-align: middle;
}	


#footer img:hover{ 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}











/*Content*/
#content {padding-bottom: 100px;   /* Height of the footer */}

#content .date-of-post{
	font: normal 11px DroidSansRegular;
	margin-top: -12px;
	margin-bottom: 25px;
	color: #4c4c4c;
}

#content .entry{margin-top: -9px;}


/*CONTACT PAGE*/


h2{
	font: normal 40px GandhiSansRegular;
	color: #58585b;
}

h3{
	font: normal 29px GandhiSansRegular;
	color: #58585b;

}

h5{
	font: normal 18px GandhiSansBold;
	color: #58585b;

}

h6{
	font: normal 13px OpenSansBold;
	letter-spacing: 2px;
	color: #58585b;

}

#content{
	color: #808284;
}

#contact-content{
	text-align: center;
}

#contact-content p{
	font: normal 16px GandhiSansRegular;
	line-height: 1.4em;
}



#contact-content h5{ margin:0;}


#contact-content a:link{text-decoration: underline; color: #5690c8;}
#contact-content a:visited{color: #5690c8;}
#contact-content a:hover{ color:#48acff;}



/*Contact Form*/

#contact-form1{}
#contact-form1 input{max-width: 500px; min-width:220px; padding: 5px; font: normal 15px GandhiSansRegular; color: #5690c8;border: solid 1px #ccc;}
#contact-form1 label{font: normal 16px GandhiSansRegular; color: #808284;}

#contact-form1 textarea{
max-width: 500px; 
min-width:270px; 
padding: 5px; 
font: normal 15px GandhiSansRegular; 
color: #5690c8;
border: solid 1px #ccc;
}

#contact_form1_send_button{

}


#contact_form1_send_button input{
margin: 0px 0px 5px 10px;
}


/*reCAPTCHA*/
#contact-recaptcha{width: 300px;
    margin: 0 auto 1em auto;}

/*Form Validation*/

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
	font: normal 20px GandhiSansRegular; 
    color: #ffffff;
    background-color: #d64848;
    border: none;
    padding: 8px;
    margin-top: 5px;
margin-bottom: 15px;

}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	font: normal 20px GandhiSansRegular;
    color: #ffffff;
    background-color: #85c452;
    border: none;
    padding: 8px;
    margin-top: 5px;
margin-bottom: 15px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    margin-right: 16px;
    vertical-align: middle;
}

#contact_info{margin-top: 10px;}
/*HOME PAGE*/

#home-image{
	padding: 0;
	margin: 0;
	overflow:hidden;
}

#home-image img{
	width: 100%;
	overflow: hidden;
}


#home-content{
	max-width:1100px;
	min-width: 200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;	
	padding: 0;

}

#home-content-column-1{
	width: 28%;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	border-right: dotted 1px #ccc;
	height: 330px;
	overflow:hidden;
	font: normal 16px GandhiSansRegular;
	line-height: 1.4em;
}

#home-content-column-1 a:link{text-decoration: underline; color: #5690c8;}
#home-content-column-1 a:visited{color: #5690c8;}
#home-content-column-1 a:hover{ color:#48acff;}


#home-content-column-2{
	width:28%;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	border-right: dotted 1px #ccc;
	height: 330px;
	overflow:hidden;
}

#home-content-column-2 img{
	max-width: 300px;
	min-width: 200px;
}

#home-content-column-3{
	width: 28%;
	float: left;	
	padding-left:30px;
	padding-bottom: 30px;
	height: 330px;
	overflow:hidden;
}

.fb-like-box{margin-left: 0px; margin-top: -9px;}




/*MEDIA PAGE*/

#media-content{overflow: hidden;}




/*BUY PAGE*/

#buy-content{
	max-width: 1000px;
	padding-left: 80px;
	padding-right: 80px;
	padding-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}






/*QUOTE ANIMATION*/


#quotes{
	padding-left: 15px;
	padding-right: 15px;
	height: 120px;
}


.home-content-quote-1, .home-content-quote-2, .home-content-quote-3{
	font: normal 30px CrimsonRoman;
    margin-bottom: 20px;
	text-align: center;
}





@media screen and (max-width: 1145px) {



}



#about-content{ 
	margin-left:auto; 
	margin-right: auto; 
	margin-top: 40px; 
	max-width: 1000px; 
	min-width:200px;
	overflow:hidden;
	padding-left:70px; 
	padding-right:70px;
	padding-bottom: 40px;
}

#about-content img{
}

#about-photo{ 
	float: left;
}

#about-photo img{
	width: 100%;

}

#about-text{
	max-width: 600px;
	min-width: 200px;
	margin-left: 500px;
}

#about-text p{
	font: normal 17px garogierregular;
	line-height: 1.7em;
	color: #58585b;

}

#about-text h3{
	margin-top: 0px;
	margin-bottom: 4px;
}









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

	#about-photo{
		float: left;
	}

	#about-text{
		padding-top: 20px;
		float: left;
		margin-left: 0px;
		max-width: 800px;
		min-width: 350px;
	}
}





/* NEWS CONTENT*/


#news-content{
	min-width: 200px;
	max-width: 1200px;
	margin: auto;
	height: 100%;
	overflow: hidden;
}	


#news-left-column{
	max-width:700px;
	min-width: 200px;
	height: 100%;
	float: left;
	padding-left:60px;

	padding-right: 25px;
}

#news-right-column{
	min-width:150px;
	max-width: 320px;
	margin-left: 830px;
	margin-top: 20px;
	padding: 1px 25px 30px 25px;
	border-left: dotted 1px #ccc;

}

.fixed-right-column{
	position: fixed;

	z-index: 9999;
	margin-bottom: 40px;
	overflow:hidden;
} 
	
	
	
	
	


/*Media Content*/

#media-content{
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;

}


#media-content h2{
	margin-left: 50px;
	
}

.videos-header{
	margin-left: 10px;
	font: normal 14px OpenSansRegular;
		color: #58585b;
	letter-spacing: 2px;
}

.photos-header{
	margin-left: 10px;
	font: normal 14px OpenSansRegular;
		color: #58585b;
	letter-spacing: 2px;
}



#gallery-1 {
	margin: auto;
}


#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 20%;
	border: solid 1px;
	
}


#gallery-1 img {
	border: 2px solid #cfcfcf;
}


#gallery-1 .gallery-caption {
	margin-left: 0;
}

/* see gallery_shortcode() in wp-includes/media.php */
	


#custom-gallery{
	border: solid 1px;
	overflow: hidden;
	padding: 0px;
}


#custom-gallery img{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
	
	
	
	




.video-gallery {
   overflow: hidden;
   margin: 10px;
   padding-left: 30px;
   padding-right: 30px;
}


.photo-gallery {
   overflow: hidden;
   margin: 10px;
   padding-left: 30px;
   padding-right: 30px;
}


.box {
   float: left;
   position: relative;
   width: 20%;
   padding-bottom: 20%;

}


.boxInner {
   position: absolute;
   left: 10px;
   right: 10px;
   top: 10px;
   bottom: 10px;
   overflow: hidden;
}


.boxInner img {
   width: 100%;
}

.boxInner img a:hover{
}


.boxInner .titleBox {
    margin: -240px 10px 0 0;
    height: 140px;
    position: relative;
    z-index: 10;
    background: #ccc;
}


body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
   margin-bottom: 0;
}


@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .box {
      width: 100%;
      padding-bottom: 100%;
   }
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
   /* Tablet view: 2 tiles */
   .box {
      width: 50%;
      padding-bottom: 50%;
   }
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
   /* Small desktop / ipad view: 3 tiles */
   .box {
      width: 33.3%;
      padding-bottom: 33.3%;
   }
}
@media only screen and (max-width : 1290px) and (min-width : 1051px) {
   /* Medium desktop: 4 tiles */
   .box {
      width: 25%;
      padding-bottom: 25%;
   }
}


/*
http://www.rowenaarrieta.com/wp-content/uploads/2015/03/play_button3.png
*/

#play {
    background: url('https://www.rowenaarrieta.com/wp-content/uploads/2017/05/play_button3.png') center center no-repeat;
    margin: -80%;

    z-index: 10;
   position: absolute;
   left: 10px;
   right: 10px;
   top: 10px;
   bottom: 10px;
   overflow: hidden;
   border: solid 1px;
opacity: 0.6;

}


#play:hover {
    background-color: rgb(255,255,255);

    background-color: rgba(255,255,255,0.2);
	background-image: url('https://www.rowenaarrieta.com/wp-content/uploads/2017/05/play_button3.png') center center no-repeat;
opacity: 0.8;

   -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}






#photo_brighten {


}



#photo_brighten:hover {
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.2);
	background-image: url('https://www.rowenaarrieta.com/wp-content/uploads/2017/05/play_button3.png') center center no-repeat;
	opacity: 0.8;
   -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}








/*EVENTS PAGE*/

#events-content{
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 1100px;
	overflow: hidden;
}


.no-events-text{

}

.upcoming-event-entry{
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: solid 1px;
	border-color: #ccc;
}

.upcoming-event-left, .upcoming-event-middle, .upcoming-event-right{
	border: solid 1px;
}


.upcoming-event-left{
	float: left;
	width:32%;
	height: 70px;
		padding-left: 10px;

	font: normal 25px GandhiSansRegular;
}

.upcoming-event-middle{
	float: left;
	width:32%;
		
	height: 70px;
	padding-left: 10px;
		font: normal 15px GandhiSansRegular;

}

.upcoming-event-right{
	float: left;
	width:32%;

	height: 70px;
	padding-left: 10px;
	

}

.upcoming-event-more-info{
	font: normal 23px CrimsonItalic;
	color: #5690C8;
}

.upcoming-event-more-info a:link{color: #5690C8; text-decoration: none;}
.upcoming-event-more-info a:visited{color: #5690C8; text-decoration: none;}
.upcoming-event-more-info a:hover{color: #5690C8; text-decoration: underline;}
.upcoming-event-more-info a:active{color: #5690C8; text-decoration: none;}

	
	
	
@media screen and (max-width: 1080px) {
	#news-left-column{
			max-width: 580px;
	}
	
	#news-right-column{
			margin-left:70%;
	}
}

@media screen and (max-width: 960px) {
	#news-left-column{
			max-width: 470px;
	}
	
	#news-right-column{
			margin-left:75%;
	}
}




.news-title-link a{
		color: #58585b;
	text-decoration: none;
}

.news-title-link a:hover{
	text-decoration: underline;
	color: #5690c8;
}



#archives{
	margin-top: -20px;
}

#archives li{
	list-style: none;
	margin-left: -40px;
	font: normal 14px OpenSansRegular;
	margin-top: 10px;
}

#archives li a{
	text-decoration: none;
}

#archives li a:link{ text-decoration: none; color: #808284;}
#archives li a:visited{ text-decoration: none; color: #808284;}
#archives li a:hover{ text-decoration: underline; color: #5690c8;}
#archives li a:active{ text-decoration: underline; color: #5690c8;}


#recent-posts{
	margin-top: -20px;
}

#recent-posts-title{
	margin-left: -40px;
	font: normal 17.5px garogierregular;
			color: #58585b;

}

#recent-posts-title a{text-decoration: none;}
#recent-posts-title a:link{ text-decoration: none; color: #808284;}
#recent-posts-title a:visited{ text-decoration: none; color: #808284;}
#recent-posts-title a:hover{	text-decoration: underline; color: #5690c8;}
#recent-posts-title a:active{	text-decoration: underline; color: #5690c8;}


#recent-posts-date{
	margin-left: -40px;
	margin-top: -15px;
	text-transform: uppercase;
	color: #808284;
	font: normal 11.5px OpenSansRegular;
	letter-spacing: 2px;
}

.post-preview{
	margin-bottom: 70px;
}

.post-preview p{
	font: normal 18px garogierregular;
	line-height: 1.7em;
	color: #58585b;
}


.more-link{
	color: #5690c8;
	font: normal 20px CrimsonItalic;
}

.more-link:hover{
	color: #48acff;
}






/*SINGLE POST PAGE (single.php)*/


#single-post-content{
	min-width: 200px;
	max-width: 1200px;
	margin: auto;
	padding-left:35px;
	padding-right: 35px;
}	


.single-post-left-column{
	max-width:700px;
}

.entry p{
		font: normal 19px garogierregular;
	line-height: 1.7em;
		color: #58585b;

}

#single-post-right-column{
	max-width:300px;
}

.single-post-title{

}

.go-back-to-news{
	font: normal 11.5px OpenSansRegular;
		margin-top: 40px;
	margin-bottom: -20px;
}

.go-back-to-news a{ text-decoration: none; color: #808284;}
.go-back-to-news a:link{ text-decoration: none; color: #808284;}
.go-back-to-news a:hover{ text-decoration: underline; color: #5690c8;}
.go-back-to-news a:visited{ text-decoration: none; color: #808284;}
.go-back-to-news a:active{ text-decoration: none; color: #808284;}


.single-post-social-media-buttons{ overflow:hidden; margin-top: 0px;}

.fb-like{ float: left; }
.twitter-share{ float: left; margin-left: 17px;}


/*SINGLE POST SOCIAL MEDIA BUTTONS*/



/*Media Queries*/

@media screen and (max-width: 1100px) {

#home-content-column-1{
	width: 80%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px #ccc;
	border-right: none;
	margin:auto;
	height: auto;
	text-align: center;
}

#home-content-column-2{
	width:80%;
	float: none;
	padding-left: 30px;
	padding-right: 30px;
		padding-bottom: 30px;

	border-bottom: dotted 1px #ccc;
		border-right: none;
	margin:auto;
text-align: center;
	height: auto;

}

#home-content-column-3{
	width: 90%;
	float: none;	
	padding-left:0px;
		padding-bottom: 30px;
		border-right: none;
	margin:auto;
	text-align: center;
	height: auto;
}
	
}





@media screen and (max-width: 743px) {


#quotes{
	padding-left: 25px;
	padding-right: 25px;
	height 190px;
}


.home-content-quote-1, .home-content-quote-2, .home-content-quote-3{
	font: normal 20px garogierregular;
    margin-bottom: 20px;
	text-align: center;
}



#home-content{
	
}





	

#nav li{	 margin-top: 63px;}
#header-logo img{
	position: inherit;
	display: none;
}
		
#header {
   	height: 100px;
}

#mobile-header-logo img{
	width: 164px;
	display: block;
	margin: 0 auto;
    border: none;	
}
	
#mobile-header-logo img a:link{
	border: none;
}
		
#mobile-header-logo img a:hover{
	text-decoration: none;
}
		
#mobile-header-logo img a:visited{
	border: none;
}
		
#news-left-column{	
	float: none;
	padding-left:25px;
	padding-right: 25px;
	max-width:700px;
	min-width: 200px;
}
		
		
#news-right-column{
	max-width:700px;
	min-width: 200px;
	margin-left: 0px;
	margin-top: 0px;
}

.fixed-right-column{
	position: relative;
	margin-top:0px;
	z-index: 9999;
	overflow:hidden;
	max-width:700px;
	min-width: 200px;
} 		
		
#buy-content{
	padding-left: 20px;
	padding-right: 20px;
}
		
		
		
		
		
		
/*BIOGRAPHY PAGE*/
		
#about-content{ 
	padding-left:20px; 
	padding-right:20px;
}

#about-text{
	max-width: 650px;
	min-width: 200px;
}

#about-text p{
	font: normal 17px garogierregular;
	line-height: 1.7em;
	color: #58585b;
}

#about-text h3{
	margin-top: 0px;
	margin-bottom: 4px;
}