.at-expanding-share-button-toggle-bg span {
background-color: #94c960 !important;
}
.navbar-brand {
margin-left: 23px !important;
}
.navbar-brand img {
	height: 100px;
	width: auto;
}
.heatherpic {
	width: 60%;
}
.pic {
	width: 300px;
	height: 300px;
	float: right;
}
#jems {
	margin-left: -30px;
}
#jems img {
// max-height: 110px;
height: 200px;
width: auto;
}
.bookheather {
cursor: pointer;
margin-left: 30px;
}
@media only screen and (min-device-width: 300px) and (max-device-width: 375px) and (orientation : portrait) { 
#jems {
position:relative;
height: 30%;
max-height: 130px;
width: 50%;
//border: red dotted thin;
//float: right;
//right: 0.35em;
}
#jems img {
max-height: 130px;
float: right;
margin-right: 0.35em;
}
.topdiv { /* variable*/
background-image: none; 
height: 80%;
max-height: 700px;
}
}
@media only screen and (min-device-width: 376px) and (max-device-width: 675px) and (orientation : portrait) { 
#jems {
position:relative;
//height: 25%;
max-height: 150px;
//width: 110px;
//float: right;
//right: 0.35em;
}
#jems img {
max-height: 150px;
//float: right;
margin-left: 0.35em;
}
.topdiv { /* variable*/
background-image: none; 
height: 80%;
max-height: 700px;
}
}

.moveright {
position: absolute;
left: 250px;
// float: right;
height: 120px;
border: yellow solid thin;
}
}
/* CSS Document */
		  @font-face {
  font-family: 'Baskerville';
  src: url('webfonts/Baskerville.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Baskerville';
  src: url('webfonts/Baskerville.ttf')  format('truetype'), url('css/webfonts/Baskerville.svg#Baskerville') format('svg');
  font-weight: normal;
  font-style: normal;
}
		  @font-face {
  font-family: 'Avenir-Book';
  src: url('webfonts/Avenir-Book.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Book';
  src:  url('webfonts/Avenir-Book.ttf')  format('truetype'), url('css/webfonts/Avenir-Book.svg#Avenir-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
body, html {
			  font-family: "Avenir-Book", "Avenir", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			  font-weight: 100;
			  font-size: 1em;
}
.navbar {
	height: 75px !important;
	//border: red solid thin;
}
svg {
			  float: left; 
			  padding-right: 0.25em;
			  height:70px;
			  width:auto;
			  z-index: 4000;
}
a {
			  color: black;
			  text-decoration: underline;
}
		  h1 {
			  color: black;
			  font-family: "Baskerville", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
			  font-size: 3em;
			  font-weight: 100;
			  padding-top: 0.25em;
		  }
		  .black {
			  color: black;
		  }
		  .inlinebody > li {
			  text-align: left;
			  padding-top: 1em;
		  }
		  .list {
			   color: black;
		  }
		  .smallimg {
			  width: 100%;
			  height: 100%;
		  }
 .sqimg {
			  width: 100%;
			  height: 100%;
	 border: thin solid #877AB0;
		  }
		  h2 {
			  color: black;
			  font-family: "Baskerville", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
			  font-size: 2em;
			  font-weight: 100;
			  padding-top: 0.25em;
			  padding-left: 1em;
		  }
		   h3 {
			  color: black;
			   font-family: "Baskerville", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
			  font-weight: 100;
			  font-size: 1.25em;
			   line-height: 1.25em;
			  padding: 1em;
			   text-align: center;
		  }
 h4 {
			  color: black;
			  font-family: "Baskerville", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
			  font-size: 1.5em;
			  font-weight: 100;
			  padding-top: 1em;
			  padding-left: 1em;
		  }
.bookheather {
    background-color: #877AB0;
    border: none;
    border-radius: 10px;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
     padding-bottom: 4px;
     font-size: 24px;
     
}
		  .perc {
			  margin-left: 10%;
			  margin-right: 10%;
		  }
		  .perc50 {
			  width: 46%;
			  font-weight: 300;
			  font-size: 1.75em;
			  padding-left: 0.25em;
		  }
		  p {
			   padding-left: 2em;
			   padding-right: 2em;
		  }
		  .smperc {
			  margin-left: 30%;
			  margin-right: 30%;
		  }
		  .well-sm {
			  background-color: #94c960;
		  }
		  .pad {
			  padding-top: 1em;
			  padding-bottom: 1em;
		  }
.pad2 {
			  padding-top: 2em;
			  padding-bottom: 2em;
		  }
		  .silent {
			  display: none;
		  }
		  .footer {
			  background-color: rgba(135,122,176,1);
			  color: white;
			 font-weight: 700;
		  }
		  .navbar-nav>li>a:hover {
			  background-color: transparent;
		  }
		  .topdiv {
			  background-image: url(images/IMG_4421.jpg);
			  background-position: center center;
			  background-size: cover;
			  margin-top: 100px;
			  height: 550px;
			  padding-left:2em;
		  }
		  .navbar-collapse {
			   border: none;
		  }
@media screen and (max-width: 1680px) { 
	.container {
		width:100%;
	}
}
@media screen and (min-width: 1680px) { 
		.container {
			width: 90%;
			background-color: white;
			/*border-left: #ccc solid thin;
			border-right: #ccc solid thin;*/
		}
	.navbar-fixed-top {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
		body {
			background-color: rgba(135,122,176,1);
		}
		/*.smallimg {
			  width: 80%;
			  height: auto;
			  text-align: center;
		  }*/
	p {
		font-size: 1.35em;
	}
	h3 {
		font-size: 1.5em;
	}
	a {
		font-size: inherit;
	}
	.list {
		font-size: 1.35em;
	}
	}
		  @media (max-width: 1385px) {
			  .logo {
				  height: 60px;
				  width: auto;
			  }
			  .navbar-fixed-top .navbar-nav > li > a {
            
			 padding-top: 1.4em;
}
			  .navbar-brand {
			  font-size: 1.85em;
			  line-height: 0.9em;
		  }
			  .topdiv {
				  margin-top: 0px;
			  }
			 .navbar-fixed-top {
			  height: 70px;
			  }
		  }
		  @media (max-width: 1310px) {
			  .perc50 {
			  width: 50%;
			  font-weight: 300;
			  font-size: 1.5em;
		  }
			.navbar-fixed-top .navbar-nav > li > a {
            
			 padding-top: 1.8em;
}  
		  }
		  @media (max-width: 1020px) {
			  .navbar-fixed-top {
			  height: 95px;
			  }
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
.navbar-toggle .icon-bar {
    background-color: rgba(135,122,176,1);
}
  .navbar-collapse {
      border-top: none;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
	  position: relative !important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 25px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 0;
      padding-bottom:0;
  }
			  .navbar-nav>li>a:hover {
      color: #333;
  }
  .collapse.in{
      display:block !important;
  }
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: white;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-fixed-top .navbar-toggle:hover, .navbar-fixed-top .navbar-toggle:focus {
    background-color: rgba(135,122,176,0.5);
}
			   .navbar-nav>li>a:hover {
			  background-color: white;
		  }
			  .navbar-fixed-top a {
				  background-color: white;
			  }
}
@media screen and (max-width: 1024px){
#jems {
    position:absolute;
    bottom: 0;
    left: 0.5em;
    height: 30%;
    //max-height: 110px;
    width: auto;
}
#jems img {
    position:relative;
   // max-height: 110px;
   height: 100%;
    width: auto;
}
/*#jems img {
    position:relative;
    max-height: 110px;
    width: auto;
}
.jems {
    
    position:relative;
    display: inline;
    bottom: 0; 
}*/
			.clogo {margin-top:0.1em;margin-bottom: 1.2em; }	
		}
		@media screen and (max-width: 768px){
			.clogo {margin-top:0.1em;margin-bottom: 0.75em; }	
		}
		   @media (max-width: 800px) {
			     .perc50 {
			  width: 100%;
			  font-weight: 300;
			  font-size: 1.5em;
		  }
			   .padbot {
				   padding-bottom: 1em;
			   }
		  }
		   @media (max-width: 460px) {
			   .silent {
			  display: block;
		  }
			   .logo {
				   height:50px;
				   width: auto;
			   }
			   .navbar-brand {
				   font-size: 1.5em;
			   }
			   .smalltext {
				   padding-left: 0;
				   padding-right: 0;
			   }
		  }
		   @media (max-width: 375px) {
                #jems {
        position: relative;
        left: 0;
    }
                 .topdiv {  /* variable*/
			  background-image: none; 
         height: 70%;
         max-height: 500px;
		  }
			   svg {
			  float: left; 
			  padding-right: 0.25em;
			  width:70%;
			height: auto;
		  }
			    .logo {
				   height:40px;
				   width: auto;
			   }
			   a.mail {
				   font-size: small;
			   }
			 .navbar-fixed-top {
			  height: 75px;
			  } 
			   .navbar-nav {
				   margin-top: 5px;
			   }
			  .perc50 {
			  width: 100%;
			  font-weight: 300;
			  font-size: 1em;
		  }
			   .topdiv {  /* variable*/
			  background-image: none;
		  }
			p {
			   padding-left: 0.35em;
				padding-right: 0.35em;
		  }
			   h2 {
				 padding-left: 0.15em;  
			   }
			   h1 {
				   color: black;
			   }
               h1 {
                   margin-top: -1em;
               }
			   h4 {
				   padding-left:0;
			   }
			   .ctha {
				   margin-bottom: 8mm;
			   }
		  }

@media only screen and (max-width: 600px)  { 
body {
	max-width: 100% !important;
}
.heatherpic {
	width: 100%;
}
.navbar {
	width: 100% !important;
	height: 80px;
}
.navbar-brand img {
height: 90px;
width: auto;
//margin-left: 36% !important;
}
.topdiv {
	margin-top: -20px;
background-image: none; 
height: 80%;
max-height: 400px;
}
h2 {
	font-size: 28px;
	text-align: left;
	color: red;
}
}