/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */


/*
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/
		v2.0 | 20110126
   		License: none (public domain)
	*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

html {
    font-size: 100%;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body {
    background: #f6f6f6;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro-i4", "ff-dagny-web-pro-n7", "ff-dagny-web-pro", "Myriad Pro", "myriad-pro", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    border-top: 2px #f2be31 solid;
}

#anuncio2 {
    left: 0;
    position: absolute;
    top: 0;
    width: 98%;
    z-index: 1001;
}
#contcpa2 {

    background: rgba(255, 137, 110, 1);
    border: 3px solid #FF896E;
    opacity: 0.8;
    color: #333;
    padding: 2px;
    height: 350px;
    border-radius: 7px 7px 7px 7px;
    width: 570px;
    margin-left: 600px;
    margin-top: 240px;
}

/*	--------------------------------------------------
	:: The grid
	-------------------------------------------------- */

.row {
    width: 96%;
    margin: 0 auto;
}

.column {
    float: left;
    padding: 0 2%;
    min-height: 1px;
    position: relative;
}

.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,
.nine,
.ten,
.eleven,
.twelve {
    width: 96%;
}

img,
object,
embed {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
    /*Smooth image scaling for IE*/
}


/* Nicolas Gallagher's micro clearfix */

.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.row:after,
.clearfix:after {
    clear: both;
}

.row,
.clearfix {
    zoom: 1;
}


/*	--------------------------------------------------
	:: General
	-------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro-i4", "ff-dagny-web-pro-n7", "ff-dagny-web-pro", "Myriad Pro", "myriad-pro", Helvetica, Arial, "Lucida Grande", sans-serif;
    clear: both;
    font-weight: 700;
    color: #333;
}

h1 {
    font-family: "ff-dagny-web-pro-n9", "ff-dagny-web-pro";
    font-weight: bold;
    font-weight: 900;
    font-size: 2.6em;
}

h1.banner {
    color: #6f6f6f;
}

h2 {
    font-size: 1.8em;
    line-height: 1.1em;
    padding: .5em 0 0 0;
}

h2 a:link {
    color: rgba(0, 115, 172, 1.00);
    text-decoration: none;
}

h2 a:visited {
    color: rgba(2, 96, 143, 1.00);
}

h3 {
    margin: 1.5em 0 .3em;
    font-style: normal;
    font-size: 1.4em;
    line-height: 1.2em;
}

h3 a:link {
    color: rgba(0, 115, 172, 1.00);
    text-decoration: none;
}

h3 a:visited {
    color: rgba(2, 96, 143, 1.00);
}

h3 a:hover {
    text-decoration: none;
}

h4 {
    margin: .8em 0 .4em;
    font-weight: 700;
    font-size: 1.2em;
}

h5,
h6 {
    font-size: 1.1em;
}

p,
ol,
ul {
    margin: .5em 0 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 0.83em;
    max-width: 60em;
    color: #444;
}

a {
    color: #0073ac;
    text-decoration: none;
}

a:visited {
    color: #02608f;
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: #e25c4d;
}

.content ol,
.content ul {
    margin: .5em 0 1.5625em 1em;
    list-style-type: disc;
    list-style-position: outside;
}

.content ol {
    list-style-type: decimal;
}

.content li {
    line-height: 1.2em;
    padding: 0 0 1em;
}

.inline-list li{
    display:inline-block;
    margin:5px 10px 0 0;
}

.inline-list li:last-child {
    margin-right: 0;
}
strong {
    font-weight: bold;
}

.header {
    padding: 0 0 30px;
    border-bottom: 1px #ca9914 solid;
    background-color: rgb(255, 255, 255);
}

.main-nav {
    text-align: left;
    margin-top: 2em;
    font-size: 90%;
}

.main-nav li {
    display: inline-block;
    padding-left: 5px;
}

.main-nav li:after {
    padding-left: 5px;
}

.main-nav li:last-child {
    padding-right: 0;
}

.main-nav li:first-child {
    padding-left: 0;
}

.main-nav a,
.main-nav a:visited {
    font-size: 1.1em;
    padding: 13px 1.2em;
    display: block;
    text-decoration: none;
    color: #333;
    border: 1px solid #fbcb43;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 100ms ease-in 0;
    -moz-transition: all 100ms ease-in 0;
    -ms-transition: all 100ms ease-in 0;
    -o-transition: all 100ms ease-in 0;
    transition: all 100ms ease-in 0;
    background: #F2BE31;
    text-shadow: 1px 1px 1px #fff;
}

.main-nav a:hover {
    color: #000;
    background: #FEDD80;
}

.main-nav a:active {
    color: #e25c4d;
}

.main-nav li.active a {
    font-weight: bold;
    color: #000;
}

.content {
    border-bottom: 1px #ca9914 solid;
    padding: 20px 0;
    background-color: #fff;
}

.home {
    background-image: url('../img/puente.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    padding-top: 150px;
    background-size: auto 190px;
    background-position: center top;
}

.home h1 {
    font-size: 2em;
    background-color: #f2be31;
    /*text-shadow: 0px 0px 3px #fff;*/
    color: #222;
    padding: .2em 0 .2em 0.2em;
    margin-bottom: .3em;
}

.row.components {
    border: 1px #E4E4E4 solid;
    padding: 1em 0 0;
    margin: 1em auto;
    background-color: #F2F5F5;
    border-radius: 3px;
}

.components p {
    color: #444;
    line-height: 1.3em;
}

.components h2 {
    font-weight: 700;
}

h2.education {
    color: #74a36c;
}

h2.research {
    color: #48859f;
}

h2.patient-care {
    color: #da6964;
}

abbr.ampersand {
    font-family: Baskerville, Palatino, "Book Antiqua", serif;
    font-style: italic;
    font-weight: normal;
}

.breadcrumbs {
    font-size: .8em;
    color: #887f6f;
    padding: 0 0 25px;
}

blockquote {
    border-left: 2px #f0b410 solid;
    padding: 0 0 0 30px;
    color: #675845;
}

.banner {
    padding: 0 0 10px 0;
    margin: 0 0 20px;
    border-bottom: 1px #e4e4e4 dashed;
}

.breadcrumbs {
    display: none;
}

.loading {
    text-align: center;
    padding: 25px 0;
}

img.profile {
    border: 5px #fff solid;
    -moz-box-shadow: 0 0 3px 3px #ddd;
    -webkit-box-shadow: 0 0 3px 3px#ddd;
    box-shadow: 0 0 3px 3px #ddd;
}

.hide-mobile {
    display: none;
}

.aside ul {
    list-style-type: none;
    margin: 0;
    padding: 1em 0 1em 0;
}

.aside li {
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px #e0e0e0 solid;
    box-shadow: 0 1px 1px #fff;
}

.aside li:last-child {
    border: none;
    box-shadow: none;
}

.footnote {
    color: #666;
    font-size: .8em;
}

.divider {
    border-top: 1px #EEE solid;
    padding-top: 1em !important;
}

.highlight {
    background: #f8f8f8;
}

.external-links {
    text-align: right;
    margin-bottom: 10px;
}

.external-links a {
    background-color: #f2be31;
    padding: .7em;
    color: black;
    display: inline-block;
    font-size: .8em;
    font-weight: 700;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.uilinks {
    background: #f0f0f0;
    text-align: center;
    margin-bottom: 20px;
}

.uilinks a {
    color: #000;
    display: block;
    padding: .3em 0;
}

.uilinks li {
    border-top: 1px #fff solid;
    border-bottom: 1px #afafaf solid;
}

.uilinks li:first-child {
    border-top: none;
}

.uilinks li:last-child {
    border-bottom: none;
}

dt {
    font-weight: 700;
    line-height: 1.5em;
}

.hidden {
    display: none;
}

.button {
    font-weight: bold;
    padding: 5px 8px;
    border: 1px #ccc solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pdf-download {
    padding-left: 24px;
    background: url('../img/pdficon_small.png') 4px 5px no-repeat;
}

.values li:first-letter {
    font-weight: bold;
}


/*----------------------------------------------------
:: Notifications
-----------------------------------------------------*/

.alert {
    background-color: #f2be31;
    padding: 1em;
    text-align: center;
    color: #000;
    font-size: 1.1em;
}

.alert p {
    margin: 0 auto;
    color: #000;
}

.alert a {
    color: blue;
    text-decoration: underline;
    font-weight: bold;
}


/*	--------------------------------------------------
	:: Events calendar
	-------------------------------------------------- */

.ev-cal div.column {
    padding-top: 20px;
}

.news-events img {
    border: 10px #efefef solid;
}

.news-stream>div {
    border-left: 1px #CCC solid;
    padding: 0 0 0 10px;
}

.news-stream h3 {
    font-size: 1em;
}

ul.ev-cal-filters {
    list-style-type: none;
    margin: 20px 0;
}

.ev-cal-filters li {
    padding: 1px 0;
    display: inline;
}

.ev-cal-filters li a {
    color: #000;
    padding: 5px 10px;
    border: 1px #ccc solid;
    -webkit-transition: background .1s ease-in;
    text-decoration: none;
}

.ev-cal-filters li a.selected,
.ev-cal-filters li a:hover {
    /* background:#887f6f; */
    background: #eeb317;
    border: 1px #000 solid;
}

.eventCalendar-wrap {
    position: relative;
    overflow: hidden;
}

.eventCalendar-wrap .arrow {
    position: absolute;
    z-index: 5;
    top: 3px;
}

.eventCalendar-wrap .prev {
    left: 3px;
}

.eventCalendar-wrap .next {
    right: 3px;
}

.eventsCalendar-currentTitle {
    margin-bottom: 15px;
}

.eventsCalendar-currentTitle .monthTitle {
    display: block;
    text-align: center;
    font-weight: 300;
    font-size: 1.5em;
    color: #887f6f;
}

.eventsCalendar-monthWrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.eventsCalendar-monthWrap.currentMonth {
    z-index: 1;
}

.eventsCalendar-daysList {
    display: table;
    width: 100%;
    text-transform: uppercase;
    font-size: .7em;
}

.eventsCalendar-daysList.showAsWeek {
    display: block;
}

.eventsCalendar-daysList li {
    display: table-cell;
    padding-bottom: 10px;
}

.eventsCalendar-daysList li.dayWithEvents {
    background: url('../img/icons.png')10px -200px no-repeat;
    font-weight: bold;
}

.eventsCalendar-daysList li.current {
    background: url('../img/icons.png')12px -242px no-repeat;
}

.eventsCalendar-daysList.showAsWeek li {
    display: block;
    float: left;
    width: 14.28%;
    height: 20px;
    text-align: center;
}

.eventsCalendar-daysList li a {
    padding: 0;
    display: block;
    text-align: center;
    color: #000;
    line-height: 3em;
    min-width: 7px;
}

.eventsCalendar-loading {
    display: block;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
}

ul.eventsCalendar-list {
    position: relative;
    z-index: 1;
    list-style-type: none;
    font-size: .8em;
    margin: 0;
}

li.eventsCalendar-noEvents {
    padding: .3em;
    background-color: #c00;
}

li.eventsCalendar-noEvents p {
    margin: 0;
    padding: 0;
    color: #fff;
}

.eventsCalendar-list.oldEventList {
    z-index: 2;
}

.eventsCalendar-list-wrap {
    margin-top: 20px;
}

p.upcoming-event {
    padding: 0;
    line-height: 1.3em;
}

p.upcoming-event small {
    padding: 1px;
    background-color: #f0f0f0;
    color: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px #ccc solid;
}


/* --------------------------------------------------
ORGCHART
----------------------------------------------------*/

#orgchart ul {
    width: 100%;
    margin-left: 0;
    display: block;
    clear: both;
}

#orgchart li {
    display: block;
    float: left;
    width: 18%;
    padding-right: 2%;
    vertical-align: top;
    height: 290px;
}

#orgchart li img {
    max-width: 100%;
    max-height: 180px;
    overflow: hidden;
}

#orgchart li p {
    margin: .2em 0;
    line-height: 1.3em;
    font-size: .8em;
}

#orgchart li p:first-of-type {
    font-weight: 700;
}

#orgchart li p:last-child {
    font-weight: 300;
}

#orgchart li:hover a,
#orgchart li a:hover {
    color: #ce532d;
}


/*	--------------------------------------------------
	:: Cards
	-------------------------------------------------- */

.cards {
    margin: 0;
    padding: 0;
}

.cards li {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
    border: 1px #E4E4E4 solid;
    -webkit-box-shadow: 0 0 2px #CCC;
    -moz-box-shadow: 0 0 2px #CCC;
    box-shadow: 0 0 2px #CCC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.cards li img {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.cards li h2,
.cards li p {
    padding-left: 10px;
    padding-right: 10px;
}

.cards li img {
    border-bottom: 1px #e4e4e4 solid;
}

.thirds li {
    width: 31%;
    margin: 1%;
}


/*	--------------------------------------------------
	:: Footer
	-------------------------------------------------- */

.footer {
    border-top: 1px #fff solid;
    background-color: #f7f7f7;
    font-size: .85em;
}

.footer  {
    background: #f7f7f7 url('../img/footer-bg.png')bottom right no-repeat;
    padding: 40px 0;
}

.footer li {
    padding: 2px 0 3px;
}

.footer .vcard {
    color: #675845;
}

.footer .vcard .org {
    font-weight: bold;
    padding: 10px 0 0 0;
}

.footer .vcard {
    line-height: 1.2em;
}


/*	--------------------------------------------------
	:: COI Search results
	-------------------------------------------------- */

.search-result h3 {
    margin: 10px 0 5px;
}

.search-result ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.search-result table {
    margin-top: 0;
}

.search-result ul li {
    display: block;
    float: left;
    width: 46%;
    margin: 1%;
    padding: 1%;
    margin-bottom: .8em;
    background: #f5f5f5;
    font-size: .9em;
    box-shadow: 0 0px 5px rgba(34, 25, 25, 0.2);
    -moz-box-shadow: 0 0 5px rgba(34, 25, 25, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    border-top: 1px #D8D8D8 solid;
}

.search-result ul li.highlight {
    background: #FFDA7B;
    border-color: #000;
    text-shadow: 1px 1px 1px #f0f0f0;
}

.search-result ul li p {
    margin-bottom: 0;
}

.search-result strong {
    color: #c00;
    text-transform: uppercase;
}

.search-result table {
    color: #333;
}

.search-result table caption {
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

.search-result table p {
    padding: 0;
    margin: 0;
}

p.title {
    font-style: italic;
    color: #909090;
    font-size: .9em;
}

p.department {
    font-weight: bold;
    margin-top: 0;
    font-size: .9em;
}

.search-result table thead {
    text-transform: uppercase;
    background: #1b1b1b;
    color: #fff;
}

.search-result th {
    text-align: left !important;
}

.search-result tbody tr {
    border-bottom: 1px #d6d6d6 solid;
    background: #fbfbe8;
}

#secondarycoisearch {
    margin-top: 2em;
}


/*	--------------------------------------------------
	:: Forms
	-------------------------------------------------- */

input {
    padding: 8px 10px;
    font-size: 1em;
}

input.search-box {
    border: 7px solid rgb(236, 236, 236);
    border-radius: 8px;
    width: 100%;
    -moz-box-shadow: inset 0 0 5px rgb(167, 167, 167);
    -webkit-box-shadow: inset 0 0 5px rgb(167, 167, 167);
    box-shadow: inset 0 0 5px rgb(167, 167, 167);
}

input.search-button {
    border: 1px #4388bf solid;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 8em;
    font-weight: bold;
    position: absolute;
    top: 7px;
    right: -29px;
    padding: 7px 10px;
    border-left: 1px #ccc solid;
    background: #4388bf;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4388bf 11%, #285d9e 99%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, #4388bf), color-stop(99%, #285d9e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4388bf 11%, #285d9e 99%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4388bf 11%, #285d9e 99%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4388bf 11%, #285d9e 99%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4388bf 11%, #285d9e 99%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4388bf', endColorstr='#285d9e', GradientType=0);
    /* IE6-9 */
    color: #fff;
}

form.search {
    padding: 2%;
    border: 1px rgb(231, 231, 231) solid;
    border-radius: 5px;
    width: 96%;
    margin-bottom: 20px;
    background: #f5f5f5 url('img/noise.html');
}

form.search p {
    padding: 0;
    margin: 5px 0;
    position: relative;
}

fieldset {
    width: 94%;
}


/*	--------------------------------------------------
	:: tables
	-------------------------------------------------- */

table {
    width: 100%;
    text-align: left;
    margin-top: 2em;
    background-color: #fdfdfd;
}

caption {
    text-align: left;
    margin-bottom: 2em;
    background-color: #fdfdfd;
}

th,
td {
    padding: .5em;
}

thead {
    font-weight: bold;
    background-color: #fdfdfd;
}


/*	--------------------------------------------------
	:: Keyframe Animations
	-------------------------------------------------- */

.search-result.animate {
    -webkit-animation-name: highlight;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: highlight;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: highlight;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

@-webkit-keyframes highlight {
    0% {
        background: inherit;
    }
    66% {
        background: #FFF9C5;
    }
    100% {
        background: inherit;
    }
}

@-moz-keyframes highlight {
    0% {
        background: inherit;
    }
    66% {
        background: #FFF9C5;
    }
    100% {
        background: inherit;
    }
}

@-ms-keyframes highlight {
    0% {
        background: inherit;
    }
    66% {
        background: #FFF9C5;
    }
    100% {
        background: inherit;
    }
}

@keyframes highlight {
    0% {
        background: inherit;
    }
    66% {
        background: #FFF9C5;
    }
    100% {
        background: inherit;
    }
}


/*	--------------------------------------------------
	:: Media Queries
	-------------------------------------------------- */

@media screen and (max-width: 48em) {
    .header img {
        max-width: 60%;
    }
    h1.banner {
        font-size: 1.8em;
    }
    h2 {
        font-size: 1.1em;
    }
    .row {
        width: 98%;
        max-width: 40em;
    }
    .column {
        padding: 0 2%;
    }
    .one,
    .two,
    .three,
    .four,
    .five,
    .six,
    .seven,
    .eight,
    .nine,
    .ten,
    .eleven,
    .twelve {
        width: 96%;
    }
    a.column.four {
        text-align: center;
    }
    .cta {
        background: none;
    }
    .main-nav {
        text-align: center;
        font-size: 1em;
        line-height: 2em;
        margin-top: 2em;
    }
    .main-nav li {
        padding: 5px;
    }
    .main-nav li:first-child a {
        padding-left: 5px;
    }
    #orgchart li {
        width: 30%;
        padding-right: 3%;
    }
    .ev-cal-filters li a {
        display: block;
    }
    fieldset {
        width: 88%;
    }
    .search-result ul li {
        width: 96%;
        margin-right: 0;
    }
    .button {
        display: block;
    }
}

@media screen and (min-width: 36.236em) and (max-width: 63.9em) {
    .row {
        max-width: 90%;
    }
    .events {
        max-width: 46%;
    }
    .news-stream {
        float: right;
        max-width: 46%;
    }
    footer .column {
        width: 30%;
    }
}

@media screen and (min-width: 48em) {
    .uilinks {
        background: #fff;
        padding: 10px 0 0;
    }
    .uilinks ul {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #f0f0f0;
        display: inline;
        padding: 5px;
    }
    .uilinks a {
        display: inline-block;
        padding: 0;
    }
    .uilinks li {
        display: inline;
        border: none;
        padding: 0 .7em;
    }
}

@media screen and (min-width: 64em) {
    .row {
        width: 100%;
        max-width: 960px;
    }
    .column {
        padding: 0 1.0416666667%;
    }
    .one {
        width: 6.25%;
    }
    .two {
        width: 14.5833333333%;
    }
    .three {
        width: 22.9166666667%;
    }
    .four {
        width: 31.25%;
    }
    .five {
        width: 39.5833333333%;
    }
    .six {
        width: 47.9166666667%;
    }
    .seven {
        width: 56.25%;
    }
    .eight {
        width: 64.5833333333%;
    }
    .nine {
        width: 72.9166666667%;
    }
    .ten {
        width: 78.125%;
    }
    .eleven {
        width: 89.5833333333%;
    }
    .twelve {
        width: 97.9166666667%;
    }
    /*60/960 × 100
        140/960 × 100
        220/960 × 100
        300/960 × 100
        380/960 × 100
        460/960 × 100
        540/960 × 100
        620/960 × 100
        700/960 × 100
        780/960 × 100
        860/960 × 100
        940/960 × 100
        */
    .home {
        padding-top: 370px;
        background-size: auto;
    }
    .home h1 {
        font-size: 3em;
    }
    .cta {
        background: url('../img/intro_divider.png') 0px 15px no-repeat;
    }
    .main-nav {
        text-align: right;
        margin-top: 50px;
    }
    .main-nav li {
        padding-left: 20px;
    }
    .main-nav li::after {
        padding-left: 20px;
    }
    .hide-mobile {
        display: inline;
    }
}