@media (max-width: 1150px) {
	header nav ul li a {
		padding: 0 25px;
	}


}

@media (max-width: 950px) {
	header nav ul li a {
		padding: 0 15px;
	}
	.col-2-3rd{
		width: 99%;
	}
	.col-2-3rd.col-med-half,
	.col-1-3rd
	{
		width: 49%;
	}


    .grid-matrix .col-2-3rd.col-med-half .block .panel {
        width: 100%;
    }
	
    .col-1-3rd.col-med-full
	{
		width: 100%;
        margin: 0.5em 0;
	}
	
    .col-1-3rd.col-med-full .block
	{
		width: 49%;
        margin: 0 0.5%;
	}
    
    .col-1-3rd.col-med-full .block,
    .col-2-3rd .block
	{
        background-size: cover;
        background-position: center;
	}


	aside.col-1-3rd {
		width: 100%;	
		margin:0;
	}
	aside.col-1-3rd .tout {
		width: 49%;
		margin: 0.5em 0.5%;
	}
	
	
	footer .col-2-5th {
		width: 96%;
	}

	footer .col-1-5th {
		width: 46%;
	}
	
	
	section.bios .scrolling-container .profile-item {
		width: 99%;
	}

	section.careers .scrolling-container .panel-item {
		width: 99%;
		margin-bottom: 1.5%;
	}
	section.careers .scrolling-container .panel-item .panel{
		height:auto;
	}
	section.careers .scrolling-container {
		background-size: cover !important;
	}
	
}


@media (max-width: 800px) {
	body{
		overflow-x: hidden;
	}
	header .col-full {
		width: 100%;
		margin: 0;
        float:none;
	}

	header {
		padding: 0;
	}

	header .logo {
		width:40%;
		height: 55px;
		padding-left: 2%;
	}

	header .logo img {
		max-height: 100%;
		width: auto;
		padding: 5% 0;
	}




	header .lang-switcher {
		width: 60%;
		text-align: right;
		height: 55px;
		padding-right: 2%;
		line-height: 55px;
	}

		
	header .header-search{
		width: 50%;
		float: left;
		background: rgb(109 ,110 ,113 );
		padding: 0;
		margin: 0;
		padding-left: 2%;
		height: 50px;
	}

		header .header-search form {
			float: left;
			margin-top:5px;
			padding-left:2%;
		}

		header .header-search form button {
			float: left;
			font-size: 1.5em;
			height: 40px;
			line-height: 40px;
            padding: 0 !important;
		}

		header .header-search form input {
			height: 40px;
			line-height: 40px;
			background: transparent;
			color: #fff;
			border:0;
            width: 70%;
		}

	header nav {
		height: 50px;
		width: 50%;
		float: left;
		background: rgb(109 ,110 ,113 );
		padding: 0;
		margin: 0;
		position:relative;
		height:50px;
	}

	button.menu-toggle {
		height: 40px;
		line-height: 40px;
		margin: 5px 4%;
		float: right;
		color: #fff;
		display:block;
	}

	button.menu-toggle:after {
		content: "\f0c9";
		height: 100%;
		width: 25px;
		display: block;
		float: right;
		font: normal normal normal 25px/40px FontAwesome;
		/* line-height: 40px; */
		color: #a2d270;
		margin-left: 10px;
	}
	#primary-nav.opened button.menu-toggle:after {
		content: "\f00d";
	}

    header nav ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgba(109,110,113,0.9 );
        padding: 0 1em;
        -moz-transition: max-height linear 250ms;
        -o-transition: max-height linear 250ms;
        -webkit-transition: max-height linear 250ms;
        transition: max-height linear 250ms;
        z-index: 1;

      
        max-height: 0;
        overflow: hidden;
        padding-bottom: 0;

    }
		header #primary-nav.opened ul {
		    max-height: 1000px;
		}

		header nav ul li {
			display: block;
			width: 100%;
			padding: 0;
			border-bottom: 1px solid #fff;
		}
            header nav ul li:last-child {
                margin-bottom:1em;
			    border-bottom: 0;
            }

		header nav ul li a {
			padding: 10px;
			display: block;
			background: transparent;
			color: #fff;
			font-weight: normal;
		}
	
	.banner .col-2-4th {
		width: 96%;
	}

	.banner .col-1-4th,.banner .col-3-4th {
		width: 96%;
	}

	section.banner ul li {
		width: 33%;
		float: left;
	}

	section.banner p, section.banner ul {
		margin-top: 0 !important;
		margin-bottom: 10px;
	}
	
	
}	



@media (max-width: 600px) {
	aside.col-1-3rd .tout {
		width: 99%;
	}


    .col-2-3rd.col-med-half,
	.col-1-3rd {
		width: 99%;
	}

	.grid-matrix .col-2-3rd .block .panel {
		width: 100%;
	}
    
	.grid-matrix .col-2-3rd .block.tall,
	.grid-matrix .col-2-3rd .block {
		height: 320px;
	}

    .col-1-3rd.col-med-full
	{
        margin: 0;
	}
    .col-1-3rd.col-med-full .block
	{
		width: 99%;
        margin: 0.5em 0.5% 0.5em;
	}


	footer .col-1-5th {
		width: 96%;
	}
	
	article.block {
		background-size: cover;
	}

	section.services .service {
		width: 44%;
	}
	
	section.banner.banner-home .col-full {
		margin-bottom: 60px;
	}
		
	section.banner .col-full {
		padding: 20px 2%;
	}
	
	.profile-header .profile-title {
		width: 100%;
	}

	.profile-header .contact-card {
		width: 100%;
	}
	
	.comments fieldset {
		width: 100%;
	}

	.comments .left {
		width: 95%;
	}
	
}

@media (max-width: 600px) {
    main .download{
        width: 100%;
    }
}



@media (max-width: 380px) {

ul.article-navigator li.next,ul.article-navigator li.prev {
    width: 20%;
}

ul.article-navigator li {
    width: 60%;
}

	header .header-search form input {
		width: 70%;
	}

	header .logo img {
		padding-top: 13%;
	}

	
	section.intro p.vlarge {
		font-size: 1.2em;
	}

	section.intro {
		padding: 40px 0 15px;
	}
	section > .container > h2 {
		margin: 0 0 10px;
	}

	.grid-matrix {
		margin: 10px 1.5%;
	}
	
	header #primary-nav ul {
		width: 200%;
		margin: 0;
		padding: 0 4% ;
		left: -100%;
	}

    p.large {
        font-size: 1.2em;
    }

    section.services .service {
        min-height: 240px;
    }
	section.services .service h3 {
        font-size: 1.4em;
    }

    section.services .service p {
        font-size: 0.9em;
    }
}