↩ back to the box






BrandYourself: Control your first impression


/* Global */

* {
font-family: "Lato", Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 14px;
line-height: 1.5;
}

.receipt > b, .receipt > ul > li, .receipt > ul > li > b {
font-family: "Courier New", monospace!important;
}

img {
max-width: 100%;
margin-bottom: 14px;
}

body {
background-color: #ffffff;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: none;
width: 100% !important;
height: 100%;
line-height: 1.6;
}

/* Hotmail classes */

.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}

/* Trigger view-in-browser button in Outlook */

#outlook a {
padding: 0;
}

/* Table and cell alignment */

table {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}

table td {
vertical-align: top;
}

/* Image fix */

img {
-ms-interpolation-mode:bicubic;
}

/* Type */

p, ul, ol {
margin-bottom: 14px;
font-weight: normal;
}

pre,
code {
font-family: monospace;
white-space: pre-wrap;
}

ul, ol, li {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

ul, ol {
margin-left: 20px;
}

ol, ol li {
list-style-type: decimal;
}

b,
strong {
font-weight: bold;
font-family: "LatoBold", Helvetica, Arial, sans-serif;
}

h1,
h1 a {
font-size: 20px;
font-weight: bold;
}

h2,
h2 a {
font-size: 16px;
font-weight: bold;
}

h3,
h3 a {
font-size: 14px;
font-weight: bold;
}

h1 {
margin: 0 0 15px 0;
color: #222222 !important;
}
h2 {
margin: 0 0 12px 0;
color: #222222 !important;
}
h3 {
margin: 0 0 14px 0;
color: #222222 !important;
}

/* Unsubscribe */
#unsubscribe a {
font-size: 10px;
}

/* Links */

a,
a:link {
color: #4477bd;
text-decoration: underline;
}
a:visited {
color: purple !important;
}
a:hover {
color: #e2911a !important;
}
a:active {
color: #0d3d62 !important;
}

/* Trevor's Custom CSS */
div, p, a, li, td { -webkit-text-size-adjust:none; }

/* score classes */
@font-face {
font-family: 'LatoBold';
src: url('https://brandyourself.com/themes/default/fonts/lato/Lato-Bold.ttf');
}
@font-face {
font-family: 'LatoBoldItalic';
src: url('https://brandyourself.com/themes/default/fonts/lato/Lato-BoldItalic.ttf');
}
@font-face {
font-family: 'LatoBlack';
src: url('https://brandyourself.com/themes/default/fonts/lato/Lato-Black.ttf');
}
@font-face {
font-family: 'LatoRegular';
src: url('https://brandyourself.com/themes/default/fonts/lato/Lato-Regular.ttf');
}
@font-face {
font-family: 'Lato';
src: url('https://brandyourself.com/themes/default/fonts/lato/Lato-Regular.ttf');
}

@media only screen and (max-device-width: 480px), screen and (max-width: 480px), screen and (orientation: landscape) and (max-width: 630px) {
.main-content {
font-size: 22px!important;
line-height: 30px!important;
}
}

/* styles for .cta-button */

.cta-button{
display: inline-block;
padding: 12px 18px;
margin: 12px 0;
background: #F2AB27;
color: #fff !important;
border-radius: 3px;
border: 1px solid #F2AB27;
border-bottom: 1px solid #e4931b;
text-shadow: 0px 0px 2px #e4931b;
cursor: pointer;
transition: .3s background ease;
text-decoration: none !important;
font-weight: bold;
font-size: 1em;
}
.cta-button:hover{
background: #e4931b;
color: #fff!important;
}

















https://brandyourself.com/my-score?utm_source=actionplan&utm_medium=email&utm_campaign=email+links&utm_content=&cid=3&auth=8G2Y%3A4PC0lJBRYvlQgv.M" target="_blank">