@charset "UTF-8";
/* CSS Document */
body {
  background-color: #CEB984;
}
.wrapper {
  background-color: #CEB984;
}
logo a {
  display: inline-block;
  width: 14.1875em;
  height: 3.95em;
  background: url(/images/) center center no-repeat;
    background-size: auto;
  background-size: 10.25em 1.8375em;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
}
.nav__item {
	font-size: 20px;
}

a {
	color:#6D3D3C;
}

h3 {
	line-height: 50px;
    color:#6D3D3C;
}
h1, h2, h3, h4, h5 {
    color:#6D3D3C;
}
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

.footer-links {
	font-size: 13px;
	color:#6D3D3C;
}
.uxmain-links {
	font-size: 18px;
	color:#6D3D3C;
}

.about-cont {
	background-color:#fcfcfc; 
}
.about-text {
	padding:3%; margin:0 30%; line-height:30px;
	
}
.about-text-magazine {
	padding:3%; margin:0 20%; line-height:30px;
}


.case-study-text {
	padding:3%; margin:0 auto; line-height:28px;
    width: 90%;
    max-width: 720px;
	font-weight: lighter;
}
.case-study-magazine {
	padding:3%; margin:0 20%; line-height:30px;
}

.circle {
    width: 100px;
    height: 100px;
    background: url(/images/) center center no-repeat;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.headshot {
	width:33%;
	float:left;
	text-align:center;
}
.headshot-left {
	width:33%; float:left; margin:0 0 0 .5%;
}
.photography-headline {
	width:100%; 
	margin:40px 0 20px 0;
	text-align:center;
	color:#3f81d7;
}
.south-beach {
	width:50%; margin:0 auto;
}
.guard {
	width:30%; margin:0 auto;
}

    .slide-container {
	float:left; padding: 10px 20px 10px 0;
        max-width: 240px;
        min-width: 240px;

@media (max-width:940px) {
	.about-cont {
	background-color:#fff; 
}
.about-text {
	margin:0 20%;
}
    .slide-container {
	float:left; padding: 10px 20px 10px 0;
        max-width: 240px;
        min-width: 240px;
}
}
@media (max-width:770px) {
	.case-study-text {
	padding:3%; margin:0 3%; line-height:28px;
	font-weight: lighter;
}
}
@media (max-width:570px) {
	.about-cont {
	background-color:#fff; 
}
.about-text {
	margin:0 3%;;
}
.headshot {
	width:100%; float:left;
}
.headshot-left {
	width:100%; float:left;
}
.south-beach {
	width:100%; margin:0 auto;
}
.guard {
	width:80%; margin:0 auto;
}
}