/*
Pure Grids (purecss.io) font stacks for OS/browser compatibility
*/
html,
button,
input,
select,
textarea,
.pure-g [class *= "pure-u"] { font-family: "Courier New", Courier, sans-serif; font-size: 17.5px; line-height: 1.5em; }

/*
Base element styles
*/
a { color: #4990E2; text-decoration: none;}

h1 { font-size: 1.4em; line-height: 1.5em; font-weight: bold; text-align:center; margin: .67em 0 1em;}
@media (min-width:768px){
	h1 {line-height: 2.8em; }
}
h2 { font-size: 1.1em; text-transform: uppercase; margin: 0; margin-bottom: 2em; text-align:center; }

ul { margin: 0; padding: 0;  }

.align-center{ text-align:center;}
@media (max-width:767px){
	.text-center-mobile{ text-align:center;}
}

.page_container { display: block; width: 96%; margin: 0 auto; max-width: 1180px; padding: 120px 2% 0;  }

.swat_team_logos { display: block; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto 60px; }
.swat_team_logo { background-image: url('./../assets/swat_team_logo.png'); width: 232px; height: 65px; }
@media (min-width:580px){
	.swat_team_logo { width: 350px; height: 98px; }
}
@media (min-width:768px){
	.swat_team_logo { width: 470px; height: 131px; }
}

.swat_team_logo_small.swat_team_logo { width: 162px; height: 45px; /*63% of original size*/ margin-bottom:30px; }


.rails_swat_team_logo { background-image: url('./../assets/rails_swat_team_logo.png'); width: 266px; height: 59px; }
@media (min-width:580px){
	.rails_swat_team_logo  { width: 400px; height: 88px; }
}
@media (min-width:768px){
	.rails_swat_team_logo  { width: 595px; height: 131px; }
}

.rails_swat_team_logo_small.rails_swat_team_logo { width: 186px; height: 41px; /*63% of original size*/ margin-bottom:30px; } 

.typewriter_divider { display: block; white-space: nowrap; overflow: hidden; margin: 3.75em auto 2em; overflow:hidden;  }
.step-list {margin-left:20px;}

ul.customers{ list-style:none; text-align:center;}
	ul.customers>li { margin:0 .8em 1em;  text-align:center}
	ul.customers>li span{ margin:0 auto;}
@media (min-width:768px){
	ul.customers>li { margin:0 2.1em 2em; }
}
@media (min-width:480px){
	ul.customers>li { display: inline-block; margin:0 2.1em 2em; }
}

.annalect_logo,
.xfinity_logo,
.omnicom_media_group_logo,
.comcast_logo,
.radiumone_logo,
.finalsite_logo,
.accuen_logo,
.ruby_on_rails_logo,
.ruby_logo,
.rspec_logo,
.cucumber_logo,
.rails_team_logo,
.python_team_logo,
.javascript_team_logo,
.golang_team_logo,
.big_data_team_logo,
.ios_team_logo,
.android_team_logo,
.aws_team_logo,
.devops_team_logo,
.design_team_logo,
.pdf,
.zip,
.doc { display: block; height: 60px; background-repeat: no-repeat; background-position:center center;background-size: contain;  position:relative}
	.annalect_logo {background-image: url('./../assets/annalect_logo.png'); width: 210px; height: 60px; }
	.xfinity_logo {  background-image: url('./../assets/xfinity_logo.png'); width: 210px; height: 60px; }
	.omnicom_media_group_logo {  background-image: url('./../assets/omnicom_media_group_logo.png'); width: 280px; height: 53px; }
	@media (min-width:768px){
	.omnicom_media_group_logo {  width: 315px; height: 60px; }
	}
	.comcast_logo {background-image: url('./../assets/comcast_logo.png'); width: 210px; height: 60px; top:-8px; }
	.radiumone_logo { background-image: url('./../assets/radiumone_logo.png'); width: 210px; height: 60px; }
	.finalsite_logo { background-image: url('./../assets/finalsite_logo.png'); width: 210px; height: 60px; }
	.accuen_logo {  background-image: url('./../assets/accuen_logo.png'); width: 210px; height: 60px; }
  .rails_team_logo {  background-image: url('./../assets/rails_team_logo.png'); width: 154px; height: 55px; }
  .python_team_logo {  background-image: url('./../assets/python_team_logo.png'); width: 154px; height: 55px; }
  .javascript_team_logo {  background-image: url('./../assets/javascript_team_logo.png'); width: 154px; height: 55px; }
  .golang_team_logo {  background-image: url('./../assets/golang_team_logo.png'); width: 154px; height: 55px; }
  .big_data_team_logo {  background-image: url('./../assets/big_data_team_logo.png'); width: 154px; height: 55px; }
  .ios_team_logo {  background-image: url('./../assets/ios_team_logo.png'); width: 154px; height: 55px; }
  .android_team_logo {  background-image: url('./../assets/android_team_logo.png'); width: 154px; height: 55px; }
  .aws_team_logo {  background-image: url('./../assets/aws_team_logo.png'); width: 154px; height: 55px; }
  .devops_team_logo {  background-image: url('./../assets/devops_team_logo.png'); width: 154px; height: 55px; }
  .design_team_logo {  background-image: url('./../assets/design_team_logo.png'); width: 154px; height: 55px; }
	.pdf{ background-image: url('./../assets/PDF.png');  width: 43px; height: 56px; }
	.zip{ background-image: url('./../assets/ZIP.png');  width: 43px; height: 56px; }
	.doc{ background-image: url('./../assets/DOC.png');  width: 43px; height: 56px; }

.skillset_item{padding:18px 0;}
.skillset_item p{ font-size: 0.9143em; margin:0; }
.skillset_item span{  margin:0 auto; top:-8px;}	
	.skillset_item .ruby_on_rails_logo { background-image: url('./../assets/ruby_on_rails_logo.png'); width: 114px; height: 47px; top:-30px;}
	.skillset_item .ruby_logo { background-image: url('./../assets/ruby_logo.png');width: 55px; height: 48px;  }
	.skillset_item .rspec_logo {background-image: url('./../assets/rspec_logo.png');  width: 58px; height: 58px; }
	.skillset_item .cucumber_logo { background-image: url('./../assets/cucumber_logo.png');  width: 58px; height: 63px; }

.footer { font-size: 0.75em; margin-bottom:2em; text-align:center; }

@media (max-width:767px){
	.skillset_item strong,
	.footer strong{ display:block; }
}


.align_left { text-align: left; }


.contact_items {margin-bottom:1.7em}
.contact_items img{ width:100%;margin-bottom:.5em;}
	.contact_items p{ font-size: 0.9em; margin:0 0 2em; line-height:1.2em;  }

@media (min-width:768px){
	.contact-item{padding:1.2em;}
	.contact_items {margin-bottom:3.7em}
}