@charset "utf-8";
/* CSS Document */
@media (max-width: 1900px) {
	#navwrapper li.last a {
		padding: 40px 30px 40px 30px;
	}
	
	#navwrapper li a {
     
    padding: 40px 33px 40px 40px;
	}
}

@media (max-width: 1800px) {
	#navwrapper li a {
		padding: 40px 35px 40px 34px;
	}
		
	#navwrapper .right li a {
		padding: 40px 30px 40px 30px;
	}
	
	#navwrapper .right{
		width:680px;
	}
	
	#navwrapper{
		letter-spacing:2px;
	}
	
	#home .narrow{width:75%;
	}
	
	#home .main{
		width:80%;}
	
	#home .bottom .image {
    float: left;
    width: 55%;
    margin: -160px 0 0 0;
	}
	
	#home .bottom .box{
		margin:40px 0 0 0;
	}
	
	#pages.about .left{
		width:650px;
		margin:75px 0 -150px;
	}
	
	#pages.about .right{
		width:calc(100% - 650px);
	}
	
	#pages.about .quote{
		width:45%;
	}
	
	#pages.about .pic{
		width:650px;
		margin:-138px 0 0;
	}
	
	#pages.about .pars{
		width:calc(100% - 650px);
	}
	
	#footerwrapper .left   li{
		letter-spacing:1px;
	}
	
	.leftnav{
		background-size:130%;
		background-position:bottom;
	}
}

@media (max-width: 1700px) {
	#navwrapper li a {
		padding: 40px 32px 40px 32px;
	}
	
	#navwrapper li.last a {
		padding: 40px 25px 40px 25px;
	}
	
	#navwrapper li.last a {
		padding: 40px 20px 40px 20px;
	}
	
	#topwrapper #navwrapper li a.sub {
		padding: 40px 40px 100px 40px;
	}
	
	#navwrapper .sub_menu{
		top:50px;
	}
	
	#navwrapper .right {
		width: 650px;
	}
	
	#navwrapper .right li a {
		padding: 40px 25px 40px 25px;
	}
 
	#home .link .title {
		font-size: 50px;
	}
	
	#home .bottom .box {
    margin: 0px 0 0 0;
	width:35%;
	}
	
	#home .bottom {
    padding: 0 0 0px 0;
	}
	
	#footerwrapper .left  li {
		letter-spacing: 0;
		padding:0 20px 0 0;
	}
}

@media (max-width: 1600px) {
	 
	#topwrapper #navwrapper li a.sub {
		padding: 40px 20px 100px 20px;
	}
	
	#navwrapper .right {
		width: 600px;
	}
	
	#navwrapper .right li a {
		padding: 40px 20px 40px 20px;
	}
	
	#topwrapper #navwrapper li.donate a{
		padding:10px 12px;}
 
	 
	
	#home .head {
    
    background-image: url(images/home-main.jpg);
    background-size: cover;
    background-attachment: fixed;
	display:flex;
	flex-direction:column;
	place-content:space-around;
	}
	
	.ios #home .head{
    	background-attachment:unset;
	}
	
	#home .callout{
		position:static;
		margin:10% 5% 0;
	}
	
	#home .head img{
		display:none;
	}
	
	#home .narrow {
		width: 85%;
	}
	
	#pages.about .quote{
		width:50%;
	}
	
	 
	
	#footerwrapper .logo .title{
		letter-spacing:0;
	}
	
	 
}

@media (max-width: 1500px) {
	#navwrapper {
    letter-spacing: 1px;
    font-size: 15px;
	}
	 
	#topwrapper{
		padding:40px 0 0 0;
	}
	
	#navwrapper .right {
		width: 520px;
	}
	
	#navwrapper .right li a {
		padding: 40px 17px 40px 17px;
	}
	
	
	
	#home .service .overlay {
     
    font-size: 35px;
	bottom:4px;
	left:0;
	width:90%;
	padding:5%;
	background:rgb(0 0 0 / 50%);
	}
	
	#home .service .small{
		font-size:18px;
		margin:5px 0 0;
	}
	
	#home .bottom .name{
		font-size:50px;
	}
	
	#home .bottom .box{
		margin:-60px 0 0;
	}
	
	#pages.board .box{
		margin:15px 0 40px -12%;
	}
	
	#footerwrapper nav .right li a {
    padding: 0;
	}
}

@media (max-width: 1400px) {
	body *{
		line-height:1.2!important;
	}
	
	.main-menu{
	  position: absolute;
	  display: none;
	  right: -200px;
	  top: 0;
	  height: 100%;
	  transition: left 0.3s ease, box-shadow 0.3s ease;
	  z-index: 999;
		 
	}
	
	#topwrapper{
	padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height:80px;
    background: rgba(255,255,255,0.9);
	}
	
	.main-menu ul{
	  list-style: none;
	  margin: 0;
	  padding: 2.5em 0 0;
	 
	  -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5);
		 -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5);
			  box-shadow: -8px 0 8px rgba(0,0,0,.5);
	  min-height: 100%;
	  width: 200px;
	  background: #1a1a1a;
	  z-index:9;
	 
	}
	
	#navwrapper .main-menu a{
	  display: block;
	  padding: .75em 15px;
	  line-height: 15px;
	  font-size: 15px;
	  color: #fff;
	  text-decoration: none;
	  border-bottom: 1px solid #383838;
	}
	
	 #navwrapper {
 
		float: none;
		padding: 0;
		position:fixed;
		right: 20px;
		top:15px;
		z-index:9;
	}
	
	 
	
	#navwrapper .sub_menu {
		/*visibility: hidden;
		position: absolute;
		z-index: 999;
		top: 0px;
		left: 201px;
		width: 190px;
		border-top: none;
		padding: 0;*/
		visibility:visible;
		position:relative;
		left:0;
		width:100%;
		top:0;
		background:none;
	}
	
	#navwrapper li.last a {
    padding: 0.75em 15px;}
	
	#topwrapper #navwrapper .sub_menu li a {
		font-size: 14px;
		padding: .75em  40px;
		text-align:right;
	}
	
	#navwrapper .right li a {
    padding: 0.75em 15px;}
	
	#navwrapper .fa-bars{
		color:#225d6d;
		font-size:18px;
	}
	
	#topwrapper #navwrapper li.donate a {
    background: none;
    padding: 0.75em 15px;
    color: #fff;
    border-radius: 0;
}
	
	#navwrapper .menu-toggle, #navwrapper .menu-close{
		display:block;
	}
	 
	 
	
	 

	.main-menu li:first-child a {
	  border-top: 1px solid #383838;
	}
	
	.main-menu a:hover,
	.main-menu a:focus,
	{
	  background: #333;
	  text-decoration: none;
	}
	
	.main-menu .menu-close {
	  position: absolute;
	  right: 0;
	  top: 0;
	  border-bottom: none!important;
	}
	 
	.main-menu:target, .main-menu[aria-expanded="true"]{
	  display: block;
	  right: 0;
	  outline: none;
	  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  box-shadow: 3px 0 12px rgba(0,0,0,.25);
	  text-align:right;
	  
	  
	}
	
	.main-menu:target .menu-close, .main-menu[aria-expanded="true"] .menu-close{
	  z-index: 1001;
	}
	
	.main-menu:target ul, .main-menu[aria-expanded="true"] ul, {
	  position: relative;
	  z-index: 1000;
	}
	 
	.main-menu:target + .backdrop,
	.main-menu[aria-expanded="true"] + .backdrop{
	  position: absolute;
	  display: block;  
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 998;
	  background: #000;
	  background: rgba(0,0,0,.85);
	  cursor: default;
	  
	}
	
	
	@supports (position: fixed) {
	  .main-menu,
	  .main-menu:target + .backdrop,
	  .main-menu[aria-expanded="true"] + .backdrop{
		position: fixed;
		 
	  }
	  
	  #navwrapper .left {
		float: none;
		width: 100%;
	}
	
	#topwrapper #navwrapper li a.sub {
    padding: 0.75em 15px;
	}
	
	#navwrapper .right {
    width: 100%;
    float: none;
	}
	
	#navwrapper li {
		display: block;
	}
	
	#home .desc {
    font-size: 20px;
	}
	
	#home .title{
		font-size:30px;
	}
	
	#home .service .small {
		font-size:16px;
	}
	
	#home .link .title {
		font-size: 40px;
	}
	
	#home .video{
		width:80%;
	}
	
	#home .main {
		width: 90%;
	}
	
	#home .article .caption{
		font-size:20px;
	}
	
	#home .testimonial .quote{
		width:60%;
		margin:auto;
	}
	
	#home .testimonial{
		padding:0 0 100px 0;
	}
	
	#pages.about .left{
		width:450px;
		margin:155px 0 -105px;
	}
	
	#pages.about .right{
		width:calc(100% - 450px);
	}
	
	#pages.about .quote{
		font-size:45px;
	}
	
	#pages.about .pic{
		width:450px;
		margin:-99px 0 0;
	}
	
	#pages.about .pars{
		width:calc(100% - 450px);
	}
	
	#pages.pd .callout{
		font-size:40px;
	}
	
	#pages.board .staff .name{
		font-size:20px;
	}
	
	#pages.board .title{
		font-size:14px;
	}
	
	#pages.services .desc{
		width:55%;
	}
	
	#pages.services .pic{
		width:40%;
	}
	
	#pages.services h2{
		font-size:30px;
	}
	 
	
	#footerwrapper .left{
		display:none;
	}
	
	#footerwrapper .logo{
		float:none;
		width:20%;
		text-align:center;
		margin:0 auto;
	}
	
	#footerwrapper .mailing{
		float:none;
		width:30%;
		margin:30px auto 0 auto;
	}
	
	#footerwrapper .logo .title{
		margin:0;
	}
	
	#topwrapper .logobar img{
		display:none;
	}
	 
	
	#topwrapper .logobar .mobile {
    display: block;
    width: 70px;
    position: absolute;
    left: 20px;
    top: 5px;
	}
	
	#pages.photos .album{
		width:31%;
	}
	
	#footerwrapper .sponsor{
		text-align:center;
	}
	
	.content {
		width: 80%;
	}

}

@media (max-width: 1200px) {
	
	h2{
		font-size:35px;
	}
	
	hr{
		margin:0 0 30px;
	}
	
	#home .callout .margin{
		margin:0 8% 0 0;
	}
	
	#home .service{
		width:48%;
	}
	
	#home .articles .left {
		float: none;
		padding: 0;
		width: 100%;
		border-right: none;
	}
	
	#home .articles .right {
    float: none;
    width: 250px;
    margin: 80px auto 0 auto;
	}
	
	#home .testimonial{
		padding:0;
	}
	
	#home .bottom .main{
		display:flex;
	}
	
	#home .bottom .image{
		width:450px;
		margin:0;
	}
	
	#home .bottom .box{
		width:auto;
		margin:0;
	}
	
	#pages.about .left{
		width:35%;
		margin:0;
	}
	
	#pages.about .right{
		width:65%;
		margin:0 0 40px;
	}
	
	#pages.about .pic{
		width:350px;
		margin:-77px 0 0;
	}
	
	#pages.about .pars{
		width:calc(100% - 350px);
	}
	
	#pages.board .pic{
		float:none;
		margin:auto;
	}
	
	#pages.board .box{
		float:none;
		width:42.1%;
		padding:4%;
		margin:-70px auto 40px;
		position:relative;
	}
	
	#pages.board .box .title{
		margin:0 0 20px;
	}
	
	#pages.services .service{
		width:80%;
	}
	
	#pages.services .button{
		position:static;
		display:inline-block;
		width:auto;
	}
	
	#pages.contact .main .padding{
		padding:0 7%;
	}
	
	#pages form .box{
		width:65%;
	}
	
}

@media (max-width: 1000px) {
	
	.header{
		font-size:100px;
		top:-35px;
	}
	
	#home .callout{
		font-size:100px;
	}
	
	#home .link .title {
		font-size: 30px;
	}
	
	#pages.education .newsbox{
		width:41%;
		height:450px;
	}
	
	#pages.doctor .box{
		width:44%;
		margin:1%;
	}
	
	#pages.doctor .text{
		width:100%;
	}
	
	#pages.doctor form{
		width:88%;
	}
	
	#pages form .box{
		width:65%;
		padding:40px 4%;
	}
	
	 
	
	#footerwrapper .logo{
		width:35%;
	}
}

@media (max-width: 960px) {
	#topwrapper .top, .main, #footerwrapper .footer, #copywrapper .copy{
		width:93%;
	}
	
	body{
		min-width:100%;
	}
	
	.main{
		padding:60px 0;
	}
	
	#home .link .small{
		letter-spacing:1px;
	}
	
	#home .bottom .main{
		display:block;
	}
	
	#home .bottom .image{
		width:35%;
		margin:70px 0 0;
	}
	
	#home .bottom .box{
		width:55%;
	}
	
	#pages.about .left, #pages.about .pic{
		display:none;
	}
	
	#pages.about .right{
		width:100%;
		margin:0 0 40px;
	}
	
	#pages.about .pars{
		width:100%;
		margin:0;
	}
	
	#pages.about .quote{
		width:94%;
		left:0;
		bottom:4px;
		padding:3%;
		text-align:center;
		background:rgb(0 0 0 / 50%);
		font-size:35px;
	}
	
	#pages.pd .left{
		width:20%;
	}
	
	#pages.pd .right{
		width:73%;
	}
	
	#pages.pd .par{
		width:100%;
		border:0;
		padding:0 5% 50px 0;
	}
	
	#pages.pd .callout{
		width:100%;
	}
	
	#pages.board .staff{
		width:27%;
		margin:1%;
	}
	
	#pages.education .image{
		width:30%;
	}
	
	#pages.education .desc{
		width:65%;
	}
	
	#pages.contact .left{
		width:40%;
	}
	
	#pages.contact .right{
		width:56%;
	}
	
	#pages.contact .title.two{
		margin:40px 0 30px;
	}
	
	#pages.photos .image{
		height:130px;
	}
}


@media (max-width: 950px) {
	#home .head{
		background-position:center;
	}
    #form .dn-textfield.third{
        width: 28%;
    }
	#home .callout {
		font-size: 80px;
	}
	
	#home .services h3{
		transform:none;
		position:static;
		text-align:center;
	}
	
	#home .article .caption {
		font-size: 18px;
	}
	
	#home .testimonial{
		background-position:center;
	}
	
	#pages.board .list{
		float:none;
		width:100%;
	}
	
	#pages.board .list.middle {
    margin: 30px 0;
	}
	
	#pages.board .list.long {
    width: 100%;
    margin:50px 0 0 0;
	}
	
	#pages.services .service{
		width:100%;
		margin:0 0 60px;
	}
	
	#pages.contact .left{
		width:100%;
		float:none;
	}
	
	#pages.contact .right{
		width:100%;
		float:none;
		margin:40px 0 0;
	}
	
	#footerwrapper .mailing{
		width:50%;
	}
	
	.leftnav{
		width:100%;
		height:240px;
		float:none;
		position:relative;
		background-image:url(images/banner-mobile.jpg);
	}
	
	.leftnav .logo{
		width:45%;
		padding:25px 0 0 0;
	}
	
	.leftnav .logo .logo{
		width:100%;
		padding:0;
	}
	
	#footerwrapper{
		float:none;
		padding:20px 5%;
		width:90%;
	}
	
	.content{
		width:100%;
		float:none;
	}
	
	#innerwrapper{
		float:none;
		padding:40px 5%;
		width:90%;
	}
	
	.leftnav .logo.two{
		width:32%;
		float:left;
	}
	
	.leftnav .logo.secondary{
		float:left;
		width:30%;}
}

@media (max-width: 750px) {
	.header{
		display:none;
	}
	
	#home .link{
		width:40%;
	}
	
	#home .link.two{
		width:20%;
	}
	
	#home .desc {
	 
		font-size: 15px;
	}
	
	#home .article, #home .article.last {
		padding: 20px 3%;
		color: #0E303A;
		font-size: 14px;
		box-shadow: 10px 5px 10px 10px #e5e5e5;
		float: none;
		text-align: center;
		width: 85%;
		margin: 20px auto;
		height:auto;
		text-decoration: none;
		display: block;
	}
	
	#home .testimonial .quote{
		width:100%;
	}
	
	#home .testimonial .name{
		margin:40px 0 0;x
	}
	
	#home .bottom .image{
		width:100%;
	}
	
	#home .bottom .box{
		width:90%;
	}
	
	#pages.board .pic{
		width:80%;
	}
	
	#pages.board .box{
		width:72%;
	}
	
	
	
	#service .left{
		width:30%;
	}
	
	#service .right{
		width:66%;
	}
	
	#pages form .box{
		width:92%;
		padding:30px 4%;
	}
	
	#pages form .box #submitBtn.button{
		margin:30px auto -50px;
	}
	
	#home .link.three .bg{
		right:0;
	}
	
	#home .link.one .bg {
		left: 0;
	}
	
	.main {
		padding: 20px 0;
	}
}

@media (max-width: 650px) {
	h1{
		font-size:45px;
 
		margin:0 0 35px;
	}
	
	h2{
		font-size:30px;
	}
	
	hr{
		margin:0 0 20px;
	}
	
	.main{
		padding:40px 0;
	}
	
	.padding{
		padding:40px 0;
	}
	
	#home .callout{
		font-size:50px;
		text-align:center;
	}
	
	#home .callout .margin{
		margin:0;
	}
	
	#home .par {
    text-align: center;
    width: 100%;
    margin: 30px 0;
	}	
	
	#home .link{
		width:100%;
	}
	
	#home .link.two {
    margin: 40px 0%;
    width: 100%;
	}
	
	#home .testimonial .quote {
		width: 95%;
		margin: 0 auto;
		font-size: 30px;
	}
	
	#pages.pd .left{
		width:100%;
		float:none;
	}
	
	#pages.pd .right{
		width:100%;
		float:none;
		padding:0;
		border:0;
	}
	
	#pages.pd .par{
		padding:40px 0;
	}
	
	#pages.pd .callout{
		font-size:30px;
	}
	
	#pages.services .service{
		position:relative;
	}
	
	#pages.services .pic{
		width:25%;
		position:absolute;
		top:0;
		left:0;
		height:100px;
		overflow:hidden;
	}
	
	#pages.services .desc{
		width:100%;
		text-align:left;
	}
	
	#pages.services h2{
		text-align:left;
		padding:0 0 0 30%;
		text-decoration:none;
	}
	
	#pages.services h2.short{
		margin:30px 0 15px;
	}

	
	#pages.services h2,#service h2{
		font-size:25px;
	}
	
	#pages.services .service hr, #pages.services .service.right hr{
		margin:0 0 0 40px;
		float:none;
	}
	
	#pages.services .text{
		padding:40px 0 20px;
	}
	
	#pages.education .image{
		width:100%;
		float:none;
	}
	
	#pages.education .desc{
		width:100%;
		float:none;
		margin:0;
	}
	
	#pages.doctor h2{
		font-size:30px;
	}
	
	#pages.photos .album{
		width:48%;
	}
	
	#footerwrapper .logo{
		width:300px;
		max-width:80%;
	}
	
	#footerwrapper .mailing{
		width:80%;
	}
	
	#footerwrapper .mailing .title{
		font-size:22px;
	}
	
	h1{
		margin:0 0 10px 0;
	}
	
	#footerwrapper{
		display:block;
	}
	
	#footerwrapper .contact, .copy{
		width:100%;
		text-align:center;
	}
}

@media (max-width: 550px) {
	
	
	
	
	h1{
		margin:10px 0 30px;
		font-size:35px;
	}
	
	#home .narrow {
		width: 95%;
	}
	
	
	
	#home .service {
		width: 100%;
	}
	
	
	
	
	
	
	
	#home .video {
		width: 95%;
		margin:0 auto;
	}
	
	#home .links {
    background-image: url(images/home-links.jpg);
    background-size: cover;
    padding: 0 0 0px 0;
    margin: 0 0 40px 0;
	}
	
	#home .articles .button {
    float: none;
    color: #165060;
    margin: 0 auto 20px auto;
	}
	
	
	
	#pages form .dn-twoleft, #pages form .dn-tworight, #pages form .dn-threeleft, #pages form .dn-threeright, #pages form .dn-threecenter{
		float:none;
		width:100%;
	}
	
	#pages.donate .main{
		width:100%;
	}
	
	#topwrapper .logobar .mobile {
    display: block;
    width: 60px;
    position: absolute;
    left: 10px;
    top: 10px;
	}
	
	.header {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'GraphikBlack';
    font-weight: bold;
    font-size: 60px;
    color: rgba(255,255,255,0.2);
    top: 15px;
	}
	
	#pages.contact .left{
		float:none;
		width:100%;
	}
	
	#pages.contact .right{
		float:none;
		width:100%;
		margin:40px 0 0 0;
	}
	
	#pages.contact .left .button{
		width:100%;
	}
	
	#pages.doctor form, #pages.contact form{
		padding:30px 20px;
		width:auto;
	}
	
	#pages.about .left {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
    position: relative;
    z-index: 0;
	}
	
	#pages.about .right {
		float: none;
		width: 100%;
	}
	
	#pages.about .quote {
		position: relative;
		color: #0E303A;
		font-size: 30px;
		background:none;
	}
	
	#pages.about .pic {
    float: none;
    width: 100%;
    margin: 0;
	}
	
	#pages.about .pars {
		float: none;
		width: 100%;
	}
	
	#pages.about .top {
		float: none;
		width: 100%;
		margin: 30px 0;
	}
	
	#pages.about .bottom {
    float: none;
    text-align: left;
    width: 100%;
    margin: 30px 0;
	}
	
	#pages.about .bottom hr {
    float: none;
	}
	
	#pages.pd .left {
		float: none;
		width: 100%;
	}
	
	#pages.pd .right {
    float: none;
    padding: 20px 0 0 0;
    width: 100%;
    border-left: none;
	}
	
	#pages.pd .par {
    float: none;
    width: 100%;
    border-right: none;
    padding: 0 0 40px 0;
	}
	
	#pages.pd .callout{
		float:none;
		width:100%;
	}
	
	#pages.board .pic{
		width:100%;
	}
	
	#pages.board .box {
		margin:20px 0 40px;
		width: 90%;
		padding:5%;
	}
	
	#pages.board .staff {
    float: none;
    width: 90%;
	padding:25px 5%;
    margin: 10px auto;
   
	}
	
	#pages.board .staff hr{
		margin:15px auto;
	}
	
	#service .left{
		display:none;
	}
	
	#service .right{
		float:none;
		width:100%;
	}
	
	#pages.education .newsbox{
		width:94%;
		height:auto;
	}
	
	#pages.doctor .box{
		width:90%;
		padding:25px 5%;
		margin:10px 0;
	}
	
	#pages.education #myBtnContainer .btn{
		width:100%;
		display:block;
		letter-spacing:1px;
	}
	
	.leftnav{
		height:170px;
	}
	
	#innerwrapper{
		margin:100px 0 0 0 ;
	}
	
	.main{
		padding:10px 0;
	}
	
	#form .float.half, #form .float.half.two, #form .float.third, #form .dn-field.float.third{
		float:none;
		width:100%;
		margin:0 0 12px 0;
	}
}

@media (max-width: 450px) {
	.main .padding, #pages.contact .main .padding{
		padding:0 5%;
	}
	
	.banner{
		margin:80px 0 0;
	}
	
	.content{
		margin:-30% 0 0;
	}
	
	h1{
		margin:0 0 15px;
	}
	
	.fancybox-slide--iframe{
		padding:20px !important;
	}	
	
	#pages form .box{
		width:100%;
		box-shadow:none;
		padding:0;
	}
	
	#pages form .box .button{
		margin:30px auto 0;
	}
}

@media (max-width: 400px) {
	
	#pages.doctor form, #pages.contact form{
		width:100%;
		box-shadow:none;
		padding:0;
	}
	
	.copy .right, .copy .left{
		float:none;
		width:100%;
		text-align:center;
	}
}

@media (max-width: 350px) {
	
	.main .padding, #pages.contact .main .padding{
		padding:0 3%;
	}
	
	h1{
		font-size:30px;
	}
	
	#pages.services h2{
		font-size:22px;
		margin:0 0 10px;
	}
	
	#pages.services h2.short{
		margin:25px 0 10px;
	}
	
	#pages.services .text{
		padding:30px 0 20px;
	}
	
	#pages.services .pic{
		height:80px;
	}
}

@media (max-width: 300px) {
	#service .wrapper{
		padding:20px 2%;
	}
}