/* Responsive
----------------------------------------------------------------------------- */

@media(max-width: 1200px) {
	.container {
		width: 960px;
	}
	.top-nav {
		font-size: 0.85rem;
	}
	.nav-background {
		height:26px;
	}
	p {
		font-size: 0.85rem;
	}
	h1, h2, h3 {
		line-height: 1.5;
	}
	h1 {
		font-size: 1.7rem;
		padding-bottom: 0px;
	}
	
	h2 {
		font-size: 1.5rem;
	}
		
	h3 {
		font-size: 1.2rem;
	}
	h4 {
		font-size: 0.6rem;
		line-height: 22px;
	}
	h5 {
		font-size: 0.95rem;
	}
	.left-menu li {
		padding-top: 4px;
		padding-bottom: 3px;
		font-size: 0.9rem;
	}
	.bulleted-list li {
		padding-top: 7px;
		padding-bottom: 7px;
		font-size: 0.85rem;
	}
	.flag-icons {
		width: 30px;
		margin-top: 6px;
	}
	.flag-icons-text {
		margin-top: -3px;
	}
	.pdf-icon {
		width: 38px;
	}
	.footer {
		height: 97px;
	}
	.linkedin-container i {
		font-size: 1.2rem;
		margin-top: -1px;
	}
	.map-container {
		width: 700px;
		height: 361px;
		background-size: 700px 361px;
	}
	.newyork {
		margin-left: 198px;
		margin-top: 126px;
	}
	.edinburgh {
		margin-left: 307px;
		margin-top: 100px;
	}
	.sweden {
		margin-left: 331px;
		margin-top: 94px;
	}
	.russia {
		margin-left: 365px;
		margin-top: 93px;
	}
	.spain1 {
		margin-left: 306px;
		margin-top: 133px;
	}
	.spain2 {
		margin-left: 319px;
		margin-top: 131px;
	}
	.italy {
		margin-left: 330px;
		margin-top: 124px;
	}
	.nigeria {
		margin-left: 326px;
		margin-top: 191px;
	}
	.brasil {
		margin-left: 240px;
		margin-top: 258px;
	}
	.uruguay {
		margin-left: 226px;
		margin-top: 280px;
	}
	.news-date {
		padding-top: 23px;
	}
	.translations h5 {
		margin-bottom: 11px;
	}
	.on-page-nav-button h4 {
		line-height: 34px;
		font-size: 0.8rem;
		padding-left: 8px;
		padding-right: 8px;
	}
	.on-page-nav-button .fa {
		line-height: 34px;
		padding-right: 8px;
		font-size: 1.3rem;
		margin-top: 0px;
	}
	.button-container-side {
		margin-top: 10px;
	}
	.button-container a:hover .fa {
		padding-right: 4px;
	}
	.button-container-side a:hover .fa {
		padding-right: 4px;
	}
	.people-button h4 {
		text-align: left;
		line-height: 34px;
		font-size: 0.8rem;
		padding-left: 8px;
		padding-right: 8px;
		text-align: left;
		float: left;
	}
	.people-button .fa {
		line-height: 34px;
		padding-right: 8px;
		font-size: 1.0rem;
		margin-top: -1px;
	}
	.logo-container {
		width: 141px;
	}
	.nav-container {
		width: 80%;
	}
}
@media(max-width: 1020px) {
	.container {
		width: 720px;
	}
	.logo-container {
		width: 141px;
	}
	.nav-container {
		width: 80%;
	}
	.top-logo {
		width: 141px;
	}
	.top-nav {
		font-size: 0.85rem;
	}
	.top-nav li {
		line-height: 26px;
		margin-left: 20px;
	}
	p {
		font-size: 0.75rem;
	}
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.4;
	}
	h1 {
		font-size: 1.5rem;
	}
	
	h2 {
		font-size: 1.3rem;
	}
	
	h3 {
		font-size: 1rem;
	}
	h4 {
		font-size: 0.6rem;
		line-height: 22px;
	}
	h5 {
		font-size: 0.85rem;
	}
	.left-menu li {
		padding-top: 2px;
		padding-bottom: 1px;
		font-size: 0.75rem;
	}
	.bulleted-list li {
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 0.75rem;
	}
	.bulleted-sublist li {
		font-size: 0.75rem;
	}
	.flag-icons {
		width: 26px;
		margin-top: 7px;
	}
	.flag-icons-text {
		margin-top: -5px;
	}
	.pdf-icon {
		width: 34px;
	}
	.footer {
		height: 93px;
	}
	.person-name {
		padding-top: 2px;
	}
	.map-container {
		width: 520px;
		height: 268px;
		background-size: 520px 268px;
	}
	.newyork {
		margin-left: 143px;
		margin-top: 92px;
	}
	.edinburgh {
		margin-left: 228px;
		margin-top: 70px;
	}
	.sweden {
		margin-left: 243px;
		margin-top: 66px;
	}
	.russia {
		margin-left: 269px;
		margin-top: 67px;
	}
	.spain1 {
		margin-left: 232px;
		margin-top: 96px;
	}
	.spain2 {
		margin-left: 230px;
		margin-top: 98px;
	}
	.italy {
		margin-left: 244px;
		margin-top: 90px;
	}
	.nigeria {
		margin-left: 240px;
		margin-top: 139px;
	}
	.brasil {
		margin-left: 176px;
		margin-top: 190px;
	}
	.uruguay {
		margin-left: 166px;
		margin-top: 206px;
	}
	.news-date {
		font-size: 0.75rem;
	}
	.no-show-tablet {
		display: none;
	}
	.translations h5 {
		margin-bottom: 10px;
	}
	.on-page-nav-buttons {
		clear: both;
		width: 100%;
	}
	.button-container {
		width: 45%;
		margin-right: 5%;
		float: left;
		margin-bottom: 20px;
		position: relative;
	}
	.on-page-nav-button h4 {
		line-height: 34px;
		font-size: 0.8rem;
		padding-left: 8px;
		padding-right: 8px;
	}
	.on-page-nav-button .fa {
		line-height: 34px;
		padding-right: 8px;
		font-size: 1.3rem;
		margin-top: 0px;
	}
	.button-container a:hover .fa {
		padding-right: 4px;
	}
	.people-container {
		width: 30%;
		margin-right: 2.3333333333%;
		margin-bottom: 12px;
	}
	.people-container a img {
		opacity: 1;
	}
	.people-pic {
		width: 200px;
	}
	.selector-button {
		float: left;
		padding-right: 12px;
		padding-left: 12px;
		margin-right: 12px;
		line-height: 30px;
		font-size: 0.9rem;
	}
	.news-content {
		width: 75%;
	}
	.news-menu {
		width: 25%;
		margin-top: -6px;
	}
	.news-menu-item {
		font-size: 0.75rem;
	}
	.news-text {
		margin-top: -22px;
	}
	.news-image {
		margin-bottom: 8px;
	}
}
@media(max-width: 767px) {
	html {
	    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape mode on iphone which messes with paragraph text sizes */
	}
	.container {
		width: 100%;
	}
	.bg-header {
		height: auto;
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.top-header {
		padding-right: 5%;
	}
	.header-spacer {
		height: 106px;
	}
	.phone {
		margin-right: 0px;
	}
	.logo-container {
		width: 60%;
		float: left;
	}
	.nav-container {
		width: 40%;
		float: left;
		clear: none;
	}
	.top-logo {
		height: auto;
		margin-top: 6px;
		width: 100%;
	}
	.top-nav {
		height: auto;
		width:100%;
		font-size: 0.8rem;
		margin-left: 0px;
	}
	.top-nav ul {
		width: 100%;
		display: none;
		height: auto;
		padding-top: 0px;
		float: right;		
	}
	.top-nav li {
		border-color: none;
		border-width: none;
		border-style: none;
		width: 100%;
		height: 26px;
		line-height:26px;
		position: relative;
		padding-right: 0px;
		float: none;
		clear: both;
		text-align: right;
	}
  	.top-nav a {
	  	text-align: right;
	  	padding-right: 20px;
	  	width: 100%;
	  	color: #666666;
  	}
  	.top-nav a:hover {
		background-color: transparent;
	}
	.top-nav a#pull {
		display: block;
		position: relative;
		font-size: 2.5rem;
		text-align: right;
		padding-right: 0px;
		margin-top: -10px;
		margin-bottom: 0px;
		clear:both;
		color: #0073B7;
	}
    .top-nav a#pull:after {
		content: "";
		display: inline-block;
		background-color: transparent;
		margin-top: -8px;
		margin-bottom: 0px;
		clear:both;
		color: #0073B7;
	}
	.top-nav a#pull:hover {
		 color: #0073B7;
	}
	p {
		font-size: 0.8rem;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	h1, h2, h3 {
		line-height: 1.4;
	}
	h1 {
		font-size: 1.5rem;
	}
	
	h2 {
		font-size: 1.1rem;
	}
	
	h3 {
		font-size: 0.95rem;
		padding-top: 10px;
	}
	h4 {
		line-height: 20px;
	}
	h5 {
		font-size: 0.9rem;
	}
	[class*="span"] {
		width: 100%;
		float: none;
	}
	.translations .span12 {
		width: 50%;
		float: left;
	}
	.flag-icons {
		width: 30px;
		margin-top: 4px;
	}
	.flag-icons-text {
		margin-top: -5px;
	}
	.flag-and-text {
		margin-bottom: 0px;
	}
	.translations {
		margin-left:10%;
		padding-top: 0px;
	}
	.left-menu-title {
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 20px;
	}
	.left-menu li {
		padding-top: 4px;
		padding-bottom: 3px;
		font-size: 1rem;
		margin-left: 10%;
		margin-right: 10%;
	}
	.bulleted-list li {
		padding-top: 7px;
		padding-bottom: 7px;
		font-size: 0.8rem;
		margin-left: 0px;
	}
	.bulleted-sublist li {
		font-size: 0.8rem;
	}
	.brochures {
		margin-left: 10%;
		margin-right: 10%;
	}
	.pdf-icon {
		width: 44px;
	}
	.main-content {
		padding-left:10%;
		padding-right:10%;
		border-right:none;
		border-left: none;
	}
	.main-content h1 {
		
	}
	.flag-icons-text {
		margin-top: 0px;
	}
	.content-pic {
		width:100%;
		float:none;
		padding-left:0%;
		margin-top:0px;
	}
	.footer {
		background-image: none;
	}
	.tagline {
		padding-left: 10px;
		font-size: 0.75rem;
		padding-top: 3px;
	}
	.phone-number {
		padding-top: 1px;
	}
	.mail-address {
		padding-top: 1px;
	}
	.section-spacing {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.right-pic {
		width: 120px;
	}
	.person-name {
		padding-top: 1px;
	}
	.address {
		width: 70%;
	}
	.address-pic {
		width: 80px;
		margin-left: 20px;
	}
	.map-container {
		max-width: 100%;
		background-size: 100% 100%;
	}
	.newyork {
		display: none;
	}
	.edinburgh {
		display: none;
	}
	.sweden {
		display: none;
	}
	.russia {
		display: none;
	}
	.spain1 {
		display: none;
	}
	.spain2 {
		display: none;
	}
	.italy {
		display: none;
	}
	.nigeria {
		display: none;
	}
	.brasil {
		display: none;
	}
	.uruguay {
		display: none;
	}
	.news-date {
		padding-top: 12px;
		font-size: 0.7rem;
	}
	.translations h5 {
		margin-bottom: 3px;
	}
	.on-page-nav-buttons {
		clear: both;
		width: 100%;
	}
	.button-container {
		width: 48%;
		margin-right: 2%;
		float: left;
		margin-bottom: 14px;
		position: relative;
	}
	.side-with-buttons-container .span4, .side-with-buttons-container .span8 {
		width: 100%;
		float: none;
		clear: both;
	}
	.left-col {
		padding-left: 0%;
	}
	.button-container-side {
		width: 48%;
		margin-right: 2%;
		float: left;
		clear: none;
		margin-bottom: 14px;
		position: relative;
	}
	.on-page-nav-button h4 {
		line-height: 30px;
		font-size: 0.7rem;
		padding-left: 6px;
		padding-right: 6px;
	}
	.on-page-nav-button .fa {
		line-height: 30px;
		padding-right: 6px;
		font-size: 1.2rem;
		margin-top: 0px;
	}
	.button-container a:hover .fa {
		padding-right: 3px;
	}
	.button-container-side a:hover .fa {
		padding-right: 3px;
	}
	.people-container {
		width: 47%;
		max-width: 270px;
		margin-right: 1.5%;
		margin-bottom: 12px;
	}
	.selector-button {
		padding-right: 8px;
		padding-left: 8px;
		margin-right: 8px;
		line-height: 24px;
		font-size: 0.8rem;
	}
	.news-content {
		width: 100%;
		float: none;
		clear: both;
	}
	.news-menu {
		width: 100%;
		float: none;
		clear: both;
	}
	.news-image {
		margin-bottom: 0px;
	}
	.news-text {
		margin-top: -17px;
	}
	.news-date {
		padding-top: 12px;
	}
	.news-selector-buttons .selector-button {
		margin-bottom: 10px;
	}
	.no-show-mobile {
		display: none;
	}
}
@media(max-width: 670px) {
	.on-page-nav-button .fa {
		display: none;
	}
}
@media(max-width: 630px) {
	.button-container {
		width: 100%;
		max-width: 360px;
		margin-left: 0%;
		float: left;
		margin-bottom: 14px;
		position: relative;
	}
	.button-container-side {
		width: 100%;
		max-width: 360px;
		margin-left: 0%;
		float: left;
		margin-bottom: 14px;
		position: relative;
	}
	.button-container:nth-child(3n+1) {
		margin-left: 0%;
	}
	.button-container:nth-child(2n+1) {
		margin-left: 0%;
	}
	.on-page-nav-button h4 {
		text-align: left;
		line-height: 40px;
		font-size: 0.9rem;
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		float: left;
	}
	.on-page-nav-button .fa {
		display: inline;
		float: right;
		text-align: right;
		line-height: 40px;
		padding-right: 10px;
		font-size: 1.5rem;
		color: #ffffff;
		margin-top: -1px;
	}
	.button-container a:hover .fa {
		padding-right: 5px;
	}
	.button-container-side a:hover .fa {
		padding-right: 5px;
	}
	.people-button h4 {
		text-align: left;
		line-height: 30px;
		font-size: 0.7rem;
		padding-left: 6px;
		padding-right: 6px;
		text-align: left;
		float: left;
	}
	.people-button .fa {
		line-height: 30px;
		padding-right: 6px;
		font-size: 0.9rem;
		margin-top: -2px;
	}
	.people-pic {
		width: 170px;
	}
}
@media(max-width: 530px) {
	.map-container {
		height: 220px;
	}
	.selector-button {
		padding-right: 5px;
		padding-left: 5px;
		margin-right: 5px;
		line-height: 20px;
		font-size: 0.6rem;
	}
}
@media(max-width: 479px) {
	.translations .span12 {
		width: 100%;
		float: none;
		clear: both;
	}
	.top-nav a#pull {  
        display: block;   
        width: 100%;  
        position: relative;
        font-size: 2.1rem;
        margin-top: -1px;
    }
    .top-nav a#pull:after {
		content: "";
		display: inline-block;
		margin-top: -1px;
		margin-bottom: 4px;
	}
	.flag-and-text {
		margin-bottom: 3px;
	}
	.flag-icons {
		width: 30px;
		margin-top: 2px;
	}
	.flag-icons-text {
		margin-top: -3px;
	}
	.pdf-icon {
		width: 38px;
	}
	p {
		font-size: 0.75rem;
	}
	h1, h2, h3 {
		line-height: 1.5;
	}
	h1 {
		font-size: 1.3rem;
	}
	
	h2 {
		font-size: 0.9rem;
	}
		
	h3 {
		font-size: 0.85rem;
	}
	h5 {
		font-size: 0.85rem;
	}
	.left-menu li {
		padding-top: 4px;
		padding-bottom: 3px;
		font-size: 0.9rem;
	}
	.bulleted-list li {
		padding-top: 6px;
		padding-bottom: 6px;
		font-size: 0.75rem;
	}
	.bulleted-sublist li {
		font-size: 0.75rem;
	}
	.tagline {
		display: none;
	}
	.right-pic {
		width: 100px;
	}
	.person-name {
		padding-top: 2px;
	}
	.address {
		width: 100%;
	}
	.address-pic {
		width: 100px;
		margin-left: 0px;
	}
	.phone {
		color: #ffffff;
		text-align: right;
		float: right;
	}
	.phone-number {
		float: right;
		font-size: 0.8rem;
		margin-top: 7px;
	}
	.phone-icon {
		float: right;
		font-size: 0.9rem;
		margin-top: 8px;
	}
	.mail {
		color: #ffffff;
		text-align: right;
		float: right;
		margin-right: 10px;
	}
	.mail-address {
		float: right;
		font-size: 0.8rem;
		margin-top: 7px;
	}
	.mail-icon {
		float: right;
		font-size: 0.9rem;
		margin-top: 7px;
		margin-right: 3px;
	}
	.map-container {
		height: 200px;
	}
	.news-date {
		float: none;
		width: 100%;
		clear: both;
		text-align: left;
		padding-top: 0px;
	}
	.on-page-nav-button h4 {
		line-height: 34px;
		font-size: 0.8rem;
		padding-left: 8px;
		padding-right: 8px;
	}
	.on-page-nav-button .fa {
		line-height: 34px;
		padding-right: 8px;
		font-size: 1.3rem;
		margin-top: 0px;
	}
	.button-container a:hover .fa {
		padding-right: 4px;
	}
	.people-container {
		width: 100%;
		max-width: 270px;
		margin-left: 0%;
		margin-bottom: 12px;
	}
	.people-button h4 {
		line-height: 34px;
		font-size: 0.8rem;
		padding-left: 8px;
		padding-right: 8px;
	}
	.people-button .fa {
		line-height: 34px;
		padding-right: 8px;
		font-size: 1.0rem;
		margin-top: -1px;
	}
	.people-pic {
		width: 140px;
	}
}
@media(max-width: 400px) {
	.on-page-nav-button h4 {
		line-height: 34px;
		font-size: 0.8rem;
		padding-left: 8px;
		padding-right: 8px;
	}
	.on-page-nav-button .fa {
		line-height: 34px;
		padding-right: 8px;
		font-size: 1.3rem;
		margin-top: 0px;
	}
	.button-container a:hover .fa {
		padding-right: 4px;
	}
	.on-page-nav-button .fa {
		display: none;
	}
	.people-pic {
		width: 270px;
		float: none;
		clear: both;
		margin-left: 0px;
	}
	.selector-button {
		padding-right: 3px;
		padding-left: 3px;
		margin-right: 3px;
		line-height: 18px;
		font-size: 0.5rem;
	}
}
@media(max-width : 360px) {
	.on-page-nav-button h4 {
		line-height: 30px;
		font-size: 0.7rem;
		padding-left: 6px;
		padding-right: 6px;
	}
	.on-page-nav-button .fa {
		line-height: 30px;
		padding-right: 6px;
		font-size: 1.2rem;
		margin-top: 0px;
	}
	.button-container a:hover .fa {
		padding-right: 3px;
	}
}
@media(max-width : 320px) {
	.top-nav li {
		float: none;
		width: 100%;
	}
	.footer p {
		
	}
	.top-nav {
		font-size: 0.8rem;
	}
}