/*
Theme Name: Wholegrain Digital
Theme URI: http://www.wholegraindigital.com
Description: 
Version: 1.0
Author: Wholegrain Digital
Author URI: http://www.wholegraindigital.com
*/

/* ADDITIONAL CSS GOES HERE */
.caption { max-width:100%; color: #333; font-size: 12px; text-transform: uppercase; font-family: "Gotham Book","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; }
.caption img { margin-bottom:7px; } 


.page-default-content .survey { margin:0; padding:0; border:2px solid #EEEEEF; border-radius:18px; }
.page-default-content .survey > li { padding:90px 70px 20px 70px; position:relative; background:url(images/survey-divider.png) no-repeat center 0; margin:0; list-style:none; }
.page-default-content .survey > li:first-child { background:none; padding:60px 70px 20px 70px; }
.page-default-content .survey > li:last-child { padding-bottom:80px; }
.page-default-content .survey > li .number { width:32px; height:32px; position:absolute; display:block; text-align:center; background:#D04B70; color:#FFF; border-radius:50%; top:25px; left:50%; margin-left:-16px; }
.page-default-content .survey > li:first-child .number { top:-18px; }
.page-default-content .survey > li img { margin-bottom:10px; width:80px; height:auto; }
.page-default-content .survey > li p { line-height:1.2; margin:0 0 25px 0; }
.page-default-content .survey > li li { font-size:15px; padding:0; background:none; margin:0; line-height:24px; list-style:none; }
.page-default-content .survey > li li .percent { display:inline-block; float:left; text-align:center; width:35px; border-radius:15px; margin:-2px 8px 12px 0; font-size:12px; color:#FFF; padding:0; vertical-align:middle; }
.page-default-content .survey > li li .purple { background:#D04B70; }
.page-default-content .survey > li li .yellow { background:#F28735; }


@media only screen and (max-width: 767px) { 
	
.page-default-content .survey > li { padding:90px 40px 20px 40px; }
.page-default-content .survey > li:first-child { padding:60px 40px 20px 40px; }

	
} 



@media only screen and (max-width: 480px) { 
	
.page-default-content .survey > li { padding:90px 20px 20px 20px; }
.page-default-content .survey > li:first-child { padding:60px 20px 20px 20px; }

	
}