@charset "utf-8";

@media screen and (max-width: 364px) {
	
	#contact-btns {
		width: 98%;
	}
	
	#contact-btns .btn.lz-btn, #contact-btns .btn.met-btn {
		margin-right: 20px;
		height: auto;
		width: 110px;
		padding: 3% 5px 12px;
		font-size: 12px;
	}
	
	#contact-btns .btn.met-btn {
		margin: 0 5px 0 auto;
	}
	
	#contact-btns .btn.lz-btn a, #contact-btns .btn.met-btn a {
		font-size: 12px;
		padding: 3px 5px;
	}

}


@media screen and (min-width: 365px) and (max-width: 413px) {
	
	
	#contact-btns .btn.lz-btn, #contact-btns .btn.met-btn {
		font-size: 12px;
	}
	
	
	#contact-btns .btn.lz-btn a, #contact-btns .btn.met-btn a {
		font-size: 12px;
	}
}



@media screen and (min-width: 413px) and (max-width: 450px) {

	#contact-btns {
		width: 98%;
	}
	
	
}
		


@media screen and (min-width: 600px) {  
	
	
	header {
		display: flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		position: relative;
		-webkit-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
		-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
				justify-content: space-between;
		 min-height:150px;
		 align-items:top;
		 padding-top:1em;			
}
   
   #logo {
	   min-width: 42%;

   }
	
	#hdr-right > div {
		display:inline;
		width: auto
	}
	
	#hdr-right #appt {
		width: 100% !important;
	}
	
	#contact-btns .btn.lz-btn, #contact-btns .btn.met-btn {
		margin: 0 auto;
	}
	
	header p {
		margin-bottom:1em;
	}

	
	header #contact-btns {
		width: 100%;
	}
	
	#fb {
		margin-right:1em;		
	}
	
	.main-content {
		min-width: 65%;
	}
	

	#sidebar > div.last {
		margin: .75em 0 1em;
		min-height: 200px;
	}
	
	.box {
		margin-left:0;
	}
	
	#sidebar div.cycle-slideshow {
		margin-left: 0em;
		width: 90%;
	}
	
	
	#groupImg {
      max-width: 650px;
   }
	
	
	.box {
		background-image: url(../images/box-bg.png);
		background-repeat: no-repeat;
		background-size: contain;
	/*	height: auto;
		width: auto; */
		height: 210px;
		width: 250px;
		padding: .75em 1em 3.5em .5em;
		margin-left:1em;
	}

	.boxtitle {
		font-size: 1.1em;
		font-style: italic;
		font-weight: bold;
		color: #4aa101;
		padding-left: 45px;
		margin-bottom:.75em;
	}

	.cycle-slide {
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 5px;
	}

	.daily {
		font-size: 13px;
		font-style: italic;
		width: auto;
	/*	margin-top: 0; */
		margin-top: 3em;
		line-height: 17px;
		max-width: 300px;
	}
	
	
	.flex-container {
		display: flex;
		display: -webkit-flex;
		display: ms-flexbox;
		
		justify-content:  space-around;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
		
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-pack:start;
		
		align-items: baseline;
	}
	
	
	.flex {
		display: flex;
		display: -webkit-flex;
		display: ms-flexbox;
	}
	
	.flex-narrow {
		display: flex;
		display: -webkit-flex;
		display: ms-flexbox;
		max-width:660px;
		margin-left:0em;
		margin-bottom:1em;
	
	justify-content:  space-around;
	-webkit-justify-content: space-around;
	-ms-flex-pack: space-around;
		
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-pack:start;
}
	
	.quote {
		margin: 1em auto;	
	}
	
	.frame {
		margin:10px;
	}
	
	.flex1 { width:30%; }

	.flex2 { width:60%; }

	#services {
		margin-left: 0em;
		margin-right: 0;
	}
	
	#services2 {
		margin-left: 2em;
		margin-right: 1em;
		margin-top:-1em;
		margin-bottom:1em;
		max-width: 30%;	
	}
	
	.img.flt-left, .img.flt-right, .frame.flt-right, .comment img.flt-left, .comment img.flt-right, .nobull img.flt-right, .news img.flt-left, .news img.flt-right {
		width: auto;
	}
	
	.flex-item {
		width: calc(50%-1);
		flex: 0 0 185px;
	}
	
	.flex-item.last {
		margin-bottom: 5em;
	}
	
	
	
	/* Staff Page-------------------------------------------------*/
	
	.staff {
		display:flex;
		justify-content: space-around;
	}

	.staff-img {
		flex-basis: 22%;
		order:0;
	}

	.staff-img img {
		max-width:120px;	
	}

	.staff-bio {
		flex-basis: 75%;
		padding-top:0;
		order:1;
	}

	.staff-img.right {
		order:2;
	}
	
	
	/* OL, UL Lists-------------------------------------------------*/
	
	dl img.right {
		margin: 0 50px;
	}
	
	dl img.ispb {
		margin-bottom: 20px;
	}
	
	.flex-list {
		margin:0;
		max-width:100%;
	}

	.list.first {
		margin-bottom:1.5em;
	}

	.list li {
		margin-left:2.5em;
	}
	
	.list-img {
		margin-top:-18px;
		margin-right:12px;
	}

	
.tools .list ul { margin-top:-1em; }


    .cards {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: -1em;
    }

    .card {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 0 1 calc(50% - .5em);
            -ms-flex: 0 1 calc(50% - .5em);
                flex: 0 1 calc(50% - .5em);
        margin-bottom: 1em;
    }
	
	
	dl.tools img.left {
		margin: 0 1em 1em;
		width: auto;
	}
	
	.flex-table {
		display: flex;
		display: -webkit-flex;
        display: -ms-flexbox;
		justify-content:  space-between;
		-webkit-justify-content: space-between;
		-ms-flex-pack: space-between;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: flex-start;
		width: 80%;
	}
	
	.flex-contact {
		display: flex;
		display: -webkit-flex;
        display: -ms-flexbox;
		justify-content:  space-between;
		-webkit-justify-content: space-between;
		-ms-flex-pack: space-between;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		background-color: #F1F1F1;
	}
	
	.contactform {
		width: 50%;
	}
	
	.maps {
		width: 40%;
		padding: 10px 20px 0;
	}
	
	#flex-lz, #flex-mt {
		width: 60%;
	}
	
	#flex-lz {
		margin-right: 5em;
	}
   
   
   .locations {
      display: flex;
      justify-content:  space-around;
      -webkit-justify-content: space-around;
      -ms-flex-pack: space-around;
      align-items: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      max-width: 600px;
      margin: 1.5em auto 0;
   }
}


@media screen and (min-width: 43em) {  /*  700px  */
	.boxtitle {
		font-size:1.2em;
	}	
	
	.feedback {
        margin-left: 0;
        margin-right: 0;
   }
}

@media screen and (min-width: 48em) {   /* 768px  */
	
	#sidebar {
		order:0;
		max-width: 30%;
		margin-right: .75em;
   }
	
	.main-content {
		min-width: 50%;
		max-width: 65%;
		order: 1;
		margin-right: 0;
		margin-left: 10px;	
	}	
	
	div.box.last {
		width: auto;
		height: 210px;
		margin-left: 1em;
		margin-top: -5px;
	}

}


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

	#appt {
		width: 420px !important;
	}
	
	header #contact-btns {
      width: 95%;
		justify-content: space-between;
   }
	
	#contact-btns .btn.lz-btn {
     margin-right: 20px;
     margin: 0 0 0 20px;
   }
	
	#contact-btns .btn, .btn.lz-btn {
		padding: 2% 15px 12px;
		font-size: 14px;
	}
	
	#contact-btns .btn.met-btn {
		margin: 0 30px 0 0;
		padding: 2% 15px 12px;
	}
	
	#sidebar .box {
      height: auto;
		width: auto;
	}

}


@media screen and (min-width: 768px) and (max-width: 959px){ 
	.review {
		margin-left: -15px;
	}
	
	.contactform h4 {
		padding-bottom: 0;
	}
}

@media screen and (min-width: 800px) and (max-width: 850px){  

	
	header #contact-btns {
      width: 100%;
		justify-content: space-between;
   }
	
	#contact-btns .btn.lz-btn {
     margin-right: 40px;
     margin-left: inherit;
   }
	
	
}


@media screen and (min-width: 851px) {  

	#contact-btns .btn.lz-btn {
     margin-right: 80px;
     margin-left: inherit;
   }
	
	h2.greview {
		padding-bottom: 20px !important;
      font-size: 1.5em !important;
	}
	
	.flex-child {
		
	}
	
	.flex-child h3 {
		padding-bottom: 0;
	}
	
	.narrow {
		margin: 0 auto;
		width: 80%;
	}
	
	
}



@media screen and (min-width: 960px) {  
	
   #contact-btns .btn.lz-btn {
     margin-right: 120px;
	}
	
}



@media screen and (min-width: 60em) {   /* 960px  */
  
	header #logo {
	   margin:0;
   }

   header .contact p {
	   font-size: 1.5em;
   }
	
	#sidebar {
		order:0;
		max-width: none;
	}
	
	#feed {
       text-align: center;
       width: 242px;
       margin: 0 0 1em 0;
	}
	
	.box {
		background-image: url(../images/box-bg.png);
		background-repeat: no-repeat;
		background-size: auto;
		height: 210px;
		width: 250px;
		padding: 1em 0 0 1em;
	}

	.boxtitle {
		font-size: 1.5em;
		font-style: italic;
		font-weight: bold;
		color: #4aa101;
		padding-left: 35px;
		margin-bottom:0;
	}
	
	#sidebar div.cycle-slideshow {
		margin-left: auto;
		margin-right: auto;
		width: 232px;
		text-align:center;
	}

	.daily {
		font-size: 14px;
		font-style: italic;
		width: 217px;
		margin-top: 30px;
		line-height: 18px;
	}

	
	#services {
		margin-left: auto;
		margin-right: auto;
		max-width: 70%;
	}
	
	#services ul.col2 {
	margin: 0 0 0 20px;
}

	
	.staff-bio {
		padding-top: 2em;
	}
	
	.staff-img img {
	max-width:190px;	
	}
	
	.contactform {
		width: 55%;
	}
	
	.maps {
		width: 30%;
	}

}

@media print  {  
	
	.print #logo {
		max-width: 200px;
	}
	
	.print #hdr-right, .print .nav-container, #sub-footer, footer {
		display:none;
	}
	
	

	
}