/* CSS Breakpoint Mobile */
@charset "utf-8";


.globalnav-link-mobile {text-decoration: none; color: #555555; font-family: Roboto; font-weight: 300; font-size: 1.1rem;}
.globalnav-link-mobile-selected {text-decoration: none; color: #555555; font-family: Roboto; font-weight: 300; font-size: 1.1rem; border-bottom: 3px solid #C6A49A; padding-bottom: 0.25rem;}

a.sectionnav-link {text-decoration: none; color: #E89191; font-family: Roboto; font-weight: 400; font-size: 0.9rem;}
a.casestudy-back {font-size: 0.8rem;}

.canvas-header {width: 85%; margin: 5% auto 0 auto;}
.canvas-main {width: 90%; margin: 5% auto 0 auto; padding: 7.5% 0 10% 0;}

.casestudy-areas {display: none;}
.casestudy-col1 {width: 30%;}
.casestudy-col2 {width: 70%;}
.casestudy-col3 {display: none;}
.casestudy-name {font-size: 0.9rem;}
.casestudy-row {width: 100%;}

.container-500image {width: 100%;}
.container-casestudy-header {margin-bottom: 5%;}
.container-contentblock, .container-cslist {font-size: 0.8rem;}
.container-cvformats {display: flex; width: 100%; height: 5%; margin: 5% auto 0 auto;}
.container-error {font-size: 0.7rem; color: red; margin: 5% 0 0 0;}
.container-header {display: none;}
.container-header-mobile {width: 100%; text-align: center; padding: 2% 0 0 0;}
.container-footer {border-bottom: 15px solid #C6A49A; padding: 0 0 12% 0;}
.container-form-email {width: 85%; margin: 5% auto 0 auto; text-align: left;}
.container-home-intro {padding: 5% 0 5% 0; margin: 0 auto 0 auto; width: 90%;}
.container-login {width: 80%; margin: 0 auto 0 auto;}
.container-loginform {margin: 5% 0 0 0;}
#container-mobilemenu {display: none; z-index: 10; position: absolute; right: 0; top: 0; width: 50%; text-align: right; padding: 10% 7.5% 10% 10%; background-color: #EBE5E5;}
.container-name {margin: 5% 0 0 0; padding: 0 0 5% 0; border-bottom: 1px solid #EBE5E5;}
.container-page-intro, .container-page-body {width: 85%; margin: 0 auto 0 auto; text-align: left;}
.container-phone {width: 85%; margin-bottom: 10%;}
.container-xp {margin: 7.5% 0 0 0;}

.cs-header-label, .cs-header-content {font-size: 0.6rem;}

.cvformat-01, .cvformat-02, .cvformat-03 {font-size: 0.6rem; margin: 0 2% 0 2%; padding: 7.5% 7.5% 5% 7.5%;}

.footer-line {margin-bottom: 5%;}
.footer-imgs {margin: 2% 0 4% 0;}
.footer-title {font-size: 1.3rem;}

.form-text, .form-text-error, .form-text-contact {width: 100%; padding: 0.75rem 1rem 0.75rem 1rem;}
.form-textarea {width: 100%;}
.form-btn {margin: 5% 0 0 0;}

h1.name {margin: 0; font-family: Roboto; font-weight: 600; font-size: 1.5rem;}
h2.pagetitle {font-size: 1.3rem;}
h2.roles-l1 {margin: 0; font-family: Roboto; font-weight: 900; font-size: 1.25rem;}
h2.roles-l2 {margin: 0; font-family: Roboto; font-weight: 900; font-size: 1rem; line-height: 1.75rem;}
h3 {font-size: 0.9rem;}
h3.divider-title {margin: 8% 0 5% 0; padding: 0 0 0.5rem 0; font-family: Roboto; font-weight: 400; font-size: 1rem; border-bottom: 1px solid #EBE5E5;}
h3.skillsubtitle {margin: 5% 0 0 0; font-weight: 300; font-style: italic; font-size: 0.8rem;}

hr.line-login {margin-top: 5%; margin-bottom: 5%}
hr.line-page {margin-left: 0; margin-top: 5%; margin-bottom: 5%;}

img.agencyicon {width: 20%; margin: 0 1% 0 1%;}
img.alert {width: 10%; vertical-align: middle;}
img.clienticon {width: 18%; margin: 0 2% 0 2%;}
img.close {width: 25%;}
img.burger-menu {width: 30%;}
img.chv-down {width: 3.5%; margin: 7.5% 0 0 0;}
img.chev-left {width: 30%; margin: 7% 0 0 0;}
img.footerimg {width: 10%;}
img.profile-pic {width: 50%;}
img.skillicon {width: 50%; margin-right: 8%; vertical-align: middle;}

li.globalnav-item-mobile {margin: 0 0 15% 0;}
li.cs-list-item, li.cs-list-item-outcomes {margin: 0 0 2% 0; padding-left: 8%; background-size: 14px 14px;}

.mob-header {display: flex; width: 100%; height: 10%;}
.mob-col-back {display: flex; width: 33.33%; align-items: center; text-align: left; justify-content: left;}
.mob-col-image {display: flex; width: 33.33%; align-items: center; text-align: center; justify-content: center;}
.mob-col-menu {display: flex; width: 33.33%; align-items: center; text-align: right; justify-content: right;}

p {line-height: 1.2rem; font-size: 0.9rem;}
p.intro {margin: 0 0 0 0; font-size: 0.85rem; line-height: 1.5rem;}
p.small {font-size: 0.6rem;}

.sectionnav {display: flex; width: 85%; margin: 0 auto 0 auto;}
.sectionnav-labels {display: flex; width: 85%; margin: 0.5% auto 0 auto;}

.skills-row {display: block; width: 100%; margin: 0 0 7% 0; padding-left: 5%;}
.skills-col-01 {display: block; width: 100%; margin-top: 0;}
.skills-col-02 {display: block; width: 100%;}

.skills-apps {display: flex; width: 100%; margin: 2% 0 0 3%;}
.skills-apps-item {display: flex; width: 25%; justify-content:center; align-items: center; flex-wrap: nowrap; font-size: 0.7rem; padding: 0 10% 0 0;}

.skills-list-item {line-height: 1.5rem; font-family: 'Open Sans'; font-weight: 300; font-size: 0.8rem; margin: 0 0 0 0; padding: 0 5% 0 0;}

ul.globalnav-mobile {list-style: none; margin: 20% 0 0 0; padding: 0 0 0 0;}
ul.cs-list {padding: 5% 0 0 0;}

.antispamformfield, .antispamdesc {width:100%; margin-bottom: 5%;}
.antispamquestion  {margin: 5% 0 5% 0;}