/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */


@media only screen and (max-width: 1600px) {
  .header_bottom ul li a{
    display: block;
    font-family: font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    padding: 5px 19px;
 }
}

@media only screen and (max-width: 1399px) {
  .toTop {
    display: none !important;
  }
}


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

.wrapper {
  width: 98%;
  padding-left: 5px;
  padding-right: 5px;
  }

.container {	
  width: 75%;
  padding-left: 50px;
  padding-right: 50px;
  }

.main_content {
  margin-right: 0px;
  width: 100%;
  float:none !important;
 } 

.single_content:last-child{border-bottom:3px solid #E7E7E7;}

.sidebar_container {
  float: none;
  margin: 30px auto 0;
  width: 75%;
}

/*
.sidebar_container {
  width: 275px;
 }
*/

.header_bottom {
  margin-left: auto;
  margin-right: auto;
  }

.header_bottom ul li a{
  padding: 5px 17px;
}

 .update {
	margin: 20 0 20px 10px;
  }

  .container h1 {
	margin-top: 20px;     
	font-size: 52px;
	line-height: 56px;
  }

/*
*/
.container h2 {
  font-size: 40px;
  line-height: 44px;
}

.container h2 em {
  font-size: 40px;
  line-height: 44px;
}


  .container h5 {
     font-size: 30px;
     line-height: 32px;
  }

}

/* smaller than iPad in landscape */

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

#selectnav1{display:block;height: 30px;width: 232px;}
#nav{display:none;}

.resp-sharing-button__icon svg {
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.2em;
  vertical-align: middle;
}

}


/* iPad in portrait */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
  .shift {
     padding-left: 49px;
 }

}


@media only screen and (min-width: 481px) and (max-width: 629px) {

.header_top .strapline {
  font-size: 16px;
  left:50%;
 }
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 481px) and (max-width: 768px) {

.sidebar_container {
  float: none;
  margin: 30px auto 0;
  
}

.logo {
  float: left;
}

.logo a {
  text-align: center;
}

.logo img {
  max-width:100%;
}

.post_date {
  float: left;
  margin-bottom: 0px;
  margin-right: 5px;
}

.post_date .date {
  padding: 10px;
}

.post_date h3 {
  margin-top: 20px;
}

.post_detail > a {
  float: none;
  margin: 10px auto;
}

.post_detail h2 {
  font-size: 20px !important;
  margin-top: 15px;
  line-height: 25px;
  text-align: center;
}

.post-meta {
  margin-bottom: 5px;
}

.post-meta p span {
  padding: 5px 10px;
  font-size: 8px;
}

.post_excerpt {
  text-align: center;
}

.post_excerpt img {
  float: none;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

.copyright {
  float: none;
  text-align: center;
}

.social {
  float: none;
  margin-top: 10px;
  padding-bottom:20px;
}

.social ul {
  text-align: center;
}

.social ul li {
  display: inline-block;
  float:none;
}

.floatright {
  float:none;
}

.floatleft {
  float:none;
}

.small-narrow40 {
  max-width:40%;
  max-height:40%;
}

}


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

.header_top .strapline {
    left: 50%;
    padding-bottom: 75px;
    font-size: 14px;
}

.narrow75 {width:100%;}
.narrow60 {width:100;}
.narrow50 {width:100%;}
.small {width:100%; height:100%;}

.social ul li a {padding: 7px;}

.copyright {
  float: none;
  text-align: center;
}

.social {
  float: none;
  margin-top: 10px;
  padding-bottom:20px;
}

.social ul {
  text-align: center;
}

.social ul li {
  display: inline-block;
  float:none;
}

.floatright {
  float:none;
}
	
.floatleft {
  float:none;
}

.small-narrow40 {
  max-width:40%;
  max-height:40%;
}

.container h1 {font-size: 45px;}

.container h2 {
  font-size: 40px;
  line-height: 42px;
}


}


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

#content_area{background: #fff; padding-top: 10px;}

.wrapper {
  width: 305px;
  padding: 36px 0px 48px;
 }


.main_content {
  width: 100%;
}

.container {
  width: 75%;
  padding-left: 1px;
  padding-right: 50px;
}

.container h1 {font-size: 45px;}
.container h2 {font-size: 40px;}

.header_top {
   background:url("/images/Fran-logo-stretched-small4");
   background-repeat: no-repeat;
   /* set these dims according to your image size */
   width:305px;
   height:170px;
   margin: auto;
}

.header_top img {
   opacity:0;
}

.header_bottom {
   width:232.5px;
}

.sidebar_container {
  width:305px;
}

.post_excerpt p {
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  height: 100%;
  display:inline;
  text-align: left;
}

.post_date {	
  float: left;
  margin-bottom: 0px;
  margin-right: 5px;
}

.post_date .date {
  padding: 10px;
}

.post_date h3 {
  margin-top: 20px;
}

.post_detail > a {
  float: left;
  margin: 10px auto;
}

.post_detail h2 {
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  margin-left: 5px;
}

.post-meta {
  margin-bottom: 5px;
}

.post-meta p span {
  padding: 5px 10px;
  font-size: 8px;
}


}


/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}