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

a.globalnav-link, a.globalnav-link-selected {text-decoration: none; color: #555555; font-family: Roboto; font-weight: 300; font-size: 0.85rem;}
a.globalnav-link:hover, a.globalnav-link-selected {text-decoration: none; border-bottom: 4px solid #C6A49A; padding-bottom: 5%; font-size: 0.85rem;}
a.sectionnav-link {text-decoration: none; color: #E89191; font-family: Roboto; font-weight: 400; font-size: 0.9rem;}

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

.container-header {display: flex; width: 100%; height: 5%; border-bottom: 1px solid #EBE5E5; padding-bottom: 1.2%;}
.container-header-mobile {display: none;}
.container-footer {border-bottom: 15px solid #C6A49A; padding: 0 0 12% 0;}
.container-home-intro {padding: 5% 0 5% 0; margin: 0 auto 0 auto; width: 75%;}
.container-name {margin: 5% 0 0 0; padding: 0 0 5% 0; border-bottom: 1px solid #EBE5E5;}
.container-xp {margin: 7.5% 0 0 0;}

.col-cv {padding-left: 1%; padding-top: 0.5%;}

.cvformat-01, .cvformat-02, .cvformat-03 {font-size: 0.7rem;}

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

.form-textarea, .form-text-contact {width: 75%;}

h1.name {font-size: 1.6rem;}
h2.roles-l1 {font-size: 2rem;}
h2.roles-l2 {font-size: 1.5rem;}

img.alert {width: 5%; vertical-align: middle;}
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.clienticon {width: 15%;}
img.cv-icon {width: 90%;}
img.profile-pic {width: 100%;}
img.sectionnav-item {width: 80%;}

li.globalnav-item {display: inline-block; padding-left: 4%;}
li.cs-list-item, li.cs-list-item-outcomes {padding-left: 6%;}

p.intro {font-size: 1rem; line-height: 1.6rem;}
p.small {font-size: 0.7rem;}

.sectionnav {width: 50%;}
.sectionnav-labels {width: 50%;}

.skills-row {width: 100%; margin-left: 0;}

ul.globalnav {list-style: none; width: 100%; margin: 0;}
ul.cs-list {margin: 5% 0 0 0;}

.antispamquestion {margin: 5% 0 2% 0;}