.row, .column { box-sizing: border-box; overflow: hidden; }

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

.row:after { clear: both; }

.column { position: relative; float: left; display: block; }

.column + .column { margin-left: 1.6%; }

.column-1 { width: 6.86666666667%; }

.column-2 { width: 15.3333333333%; }

.column-3 { width: 23.8%; }

.column-4 { width: 32.2666666667%; }

.column-5 { width: 40.7333333333%; }

.column-6 { width: 49.2%; }

.column-7 { width: 57.6666666667%; }

.column-8 { width: 66.1333333333%; }

.column-9 { width: 74.6%; }

.column-10 { width: 83.0666666667%; }

.column-11 { width: 91.5333333333%; }

.column-12 { width: 100%; margin-left: 0; }

@media only screen and (max-width: 768px) { .column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 { float: none; width: auto; }
  .column + .column { margin-left: 0; } }
/* specific divs */
body { font-family: 'Open Sans', sans-serif; }

h1 { font-size: 2.5em; font-family: 'Bitter'; color: #17415F; font-weight: normal; }

h2 { font-size: 2em; font-family: 'Bitter'; color: #17415F; font-weight: normal; }

h3 { font-size: 1.25em; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #046791; }

h4 { font-size: 1em; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #F7F7F7; }

h5 { font-size: 0.75em; font-family: 'Open Sans', sans-serif; }

h6 { text-transform: uppercase; }

p { font-size: 1em; font-family: 'Open Sans', sans-serif; }

button { font-size: 1.5em; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1em; }

a { text-decoration: none; color: #046791; }

.site-header { background-color: #006693; position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 4em; padding: 0; }

.header-left { width: 20%; float: left; }

.nav-wrapper { list-style-type: none; padding: 0; margin: 0.75em 0em; }

.nav-link { display: none; width: 14%; text-align: center; }

.nav-wrapper .fa { font-size: 1.5em; color: #F7F7F7; }

.nav-wrapper h5 { margin-top: 0; text-align: center; font-weight: normal; color: #F7F7F7; }

.linkedin-square { display: inline-block; font-size: 2em; margin: 0 1em; }

.nav-link i { margin-bottom: 0px; }

.header-right { float: right; width: 75%; }

.search-wrapper { margin-top: -2.25em; }
.search-wrapper input { height: 2.5rem; width: 60%; border: solid 1px #164769; box-sizing: border-box; }
.search-wrapper button.search { width: 30%; min-width: 6rem; padding: 0.45em; background-color: #17415F; color: #F7F7F7; border: 0; }
.search-wrapper button.search:hover { background-color: #164769; }

.profile { text-align: center; margin: 3em 2em; border-bottom: 1px solid #164769; }
.profile h1, .profile h3 { margin: 0; padding: 0; }
.profile p { margin: 1em auto 3em auto; }
.profile span { font-family: 'Merriweather'; font-style: italic; }
.profile span:hover { text-decoration: underline; }
.profile .profpic { height: 5em; width: 5em; }

.share { margin: 0em 2em; }
.share textarea { padding: 0.5em; color: #046791; box-sizing: border-box; height: 6em; width: 97.5%; border: solid 1px #164769; }
.share .tab { display: inline-block; height: 3em; box-sizing: border-box; background-color: #164769; width: 32%; text-align: center; }
.share .tab:hover { background-color: #046791; }
.share .tab:active { background-color: #17415F; }
.share .tab p { color: #F7F7F7; }
.share .linknshare .link { float: right; margin: 0.5em; padding: 0.5em 1em; border: 1px solid #EEFAFE; }
.share .linknshare .link span { display: inline-block; }
.share .linknshare .link span i { font-size: 2em; color: #17415F; }
.share .linknshare .link span p, .share .linknshare .link span h6 { margin: 0; }
.share .linknshare .post { float: right; clear: both; color: #F7F7F7; margin-right: 0.5em; padding: 1em 1.5em; background-color: #046791; }
.share .linknshare .post:hover { background-color: #17415F; }

.updates { margin: 0em 2em; }

.updates h2, .groups h2 { margin-bottom: 1em; }
.updates .update, .updates .group, .groups .update, .groups .group { margin: 0em 0em 0.5em 0em; clear: both; }
.updates .update, .groups .update { border: solid 1px #EEFAFE; padding: 1em; border-radius: 4px; }
.updates .hide, .groups .hide { display: none; }
.updates i, .groups i { font-size: 3em; color: #17415F; margin-right: 0em; float: left; }
.updates .text p, .groups .text p { width: 80%; float: right; padding: 0; margin: 0; color: #164769; }
.updates .loadmore, .groups .loadmore { margin: 2em auto; background-color: #F7F7F7; text-align: center; }
.updates .loadmore .tile-wrapper p, .groups .loadmore .tile-wrapper p { color: #17415F; padding: 0.5em 0em; }
.updates .loadmore:hover, .groups .loadmore:hover { background-color: #17415F; color: #F7F7F7; }

.explore { margin: 2em 2em 7em 2em; text-align: left; }

.button { background-color: #164769; padding: 1px 2em; margin: 2em auto 2em auto; width: 90%; text-align: center; }
.button:hover { background-color: #046791; }

.jobs { background-color: #F7F7F7; }
.jobs .tile-wrapper { text-align: center; margin: auto; }

.firstrow .column-2, .secondrow .column-2 { width: 28%; margin: 0.5em; display: inline; float: left; }
.firstrow .column-2 div img, .secondrow .column-2 div img { height: 3em; width: 3em; }
.firstrow .column-2 div p, .secondrow .column-2 div p { text-align: center; margin: 0; }
.firstrow .column-2 div p span, .secondrow .column-2 div p span { margin: 0; text-transform: uppercase; font-size: 0.75em; line-height: 0.75em; }

.pplyouknow .tile-wrapper { text-align: center; }
.pplyouknow .nophoto { text-align: center; }
.pplyouknow img { margin: auto; border-radius: 50%; }

.groups { display: inline; }
.groups img { height: 3em; width: 3em; float: left; margin: 1em 0em; }
.groups .text { width: 80%; float: left; margin: 1em 0em; }

footer { background-color: #006693; position: fixed; z-index: 2; bottom: 0; left: 0; width: 100%; height: 4em; padding: 0; }

.footer-nav-link { width: 24%; box-sizing: border-box; display: inline-block; margin: 0em; text-align: center; }
.footer-nav-link i { color: #F7F7F7; }
.footer-nav-link h5 { margin: 0em; color: #F7F7F7; font-weight: normal; }

/* tablet and desktop */
@media only screen and (min-width: 768px) { .wholething { display: inline-block; }
  .lefthalf { margin: 4em 0em; float: left; display: inline-block; }
  .righthalf { margin-top: 4em; margin-right: 0em; position: fixed; overflow: scroll; z-index: 1; top: 0; right: 0; width: 35%; height: 100%; padding: 0; display: inline-block; width: 45%; float: right; padding: 0em 2em; box-sizing: border-box; border-left: solid 1px #EEFAFE; background-color: rgba(17, 46, 81, 0.1); }
  .righthalf h2 { margin: 0.4em 0em 0em 0em; }
  .righthalf h3 { margin: 1em 0em 0.5em 0em; }
  .righthalf p { line-height: 1.25em; }
  .righthalf .button { margin: 0em auto 0.5em auto; padding: 0.25em; }
  .righthalf .button h4 { margin-top: 0.5em; vertical-align: center; }
  .righthalf .secondrow { display: none; }
  .righthalf .extragroups { display: none; } }
/* desktop only */
@media only screen and (min-width: 960px) { .nav-link { display: inline-block; }
  .header-left { float: left; width: 50%; }
  .header-right { float: right; width: 45%; }
  .righthalf h2 { margin-bottom: 0em; }
  .righthalf h3 { margin-top: 1.25em; }
  footer { display: none; } }
@media only screen and (max-width: 768px) { .profpic { margin-top: 2em; } }