@charset "UTF-8";
/* CSS Document */
.nav__item {
	font-size: 20px;
}

a {
	color:#3f81d7;
}

h3 {
	line-height: 50px;
    color:#3f81d7;
}
h1, h2, h3, h4, h5 {
    color:#3f81d7;
}
#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:#3f81d7;
}
.uxmain-links {
	font-size: 18px;
	color:#3f81d7;
}

.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;
}
.playbook-text {
	padding:3%; margin:0 auto; line-height:28px;
    width: 90%;
    max-width: 1000px;
	font-weight: lighter;
}
.playbook-thritythree {
    float: left;
    margin: 0 2% 0 0;
    width: 30%
}
.case-study-magazine {
	padding:3%; margin:0 20%; line-height:30px;
}

.circle {
    width: 100px;
    height: 100px;
    background: url(/images/brand/logo-resurrection-media.png) 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 auto; line-height:28px;
        width:90%; max-width:300px;
	font-weight: lighter;
}
.playbook-thritythree {
    margin: 0;
    width: 100%
}
}
@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;
}
.playbook-thritythree {
    margin: 0;
    width: 100%
}
}