/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCD5K6T8I4oZ1X3Xvlj_UeP3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDOFnJNygIkrHciC8BWzbCz3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGCP2LEk6lMzYsRqr3dHFImA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlCxe5Tewm2_XWfbGchcXw4g.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlIa1YDtoarzwSXxTHggEXMw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlJbPFduIYtoLzwST68uhz_Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGMms7UHsIbjUxEJqIwog-i_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGO4s1Ux4PuImWPk5fSr6HPL3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGJkF8H8ye47wsfpWywda8og.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGDCgBLtsnrdK1Wb_YMpk1Ez3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGKfQKEmnUd3GHgKOgaFw3O33rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v9/toadOcfmlt9b38dHJxOBGIq-Fb0zf838trI74uojZQY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v9/m0Shgsxo4xCSzZHO6RHWxBkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v9/6RfRbOG3yn4TnWVTc898ERkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v9/Q_Z9mv4hySLTMoMjnk_rCXYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v11/h3_FseZLI76g1To6meQ4zX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v11/ifRS04pY1nJBsu8-cUFUS-vvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v11/l1cOQ90roY9yC7voEhngDIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v11/HqHm7BVC_nzzTui2lzQTDZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/Qw6_9HvXRQGg5mMbFR3Phn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/_P8jt3Y65hJ9c4AzRE0V1OvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v11/dI-qzxlKVQA6TUC5RKSb34X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local('Oswald Bold'), local('Oswald-Bold'), url(https://fonts.gstatic.com/s/oswald/v11/bH7276GfdCjMjApa_dkG6ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v9/rC7kKhY-eUDY-ucISTIf5PesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: local('Arvo Bold'), local('Arvo-Bold'), url(https://fonts.gstatic.com/s/arvo/v9/uO-jO7kF010hXOpU_-jk8QLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v11/cbAbzEjxTdN5KKmS-gA0tQsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local('Raleway ExtraLight'), local('Raleway-ExtraLight'), url(https://fonts.gstatic.com/s/raleway/v11/8KhZd3VQBtXTAznvKjw-kwzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/YZaO6llzOP57DpTBv2GnyFKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/QAUlVt1jXOgQavlW5wEfxQLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/WmVKXVcOuffP_qmCpFuyzQsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v11/JbtMzqLaYbbbCL9X6EvaIwzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v11/Ji5epXNcpHu3r63lhS0cTgsYbbCjybiHxArTLjt7FRU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local('Raleway Black'), local('Raleway-Black'), url(https://fonts.gstatic.com/s/raleway/v11/PKCRbVvRfd5n7BTjtGiFZAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v9/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v9/IQHow_FEYlDC4Gzy_m8fcmaVI6zN22yiurzcBKxPjFE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body,html {
  padding: 0;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  max-width: 100%;
  overflow: visible;
  float: none;
  display: block;
}

*,*:hover {
  outline: none;
}

*::selection {
  background: rgba(72, 135, 244, 0.8);
}

*::-moz-selection {
  background: rgba(72, 135, 244, 0.8);
}
a {
  color: #4887f4;
  transition: 0.12s;
}
a:visited {
  color: #4887f4;
}
a:hover {
  color: #3a3f52;
  transition: 0.12s;
}
@media (max-width: 550px) {
  a:active {
    outline: none;
    background-color: rgba(72, 135, 244, 0.5);
    color: #ffffff;
  }
}
nav {
  width: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 10px 5%;
  text-align: center;
}
@media (max-width: 800px) {
  nav {
    position: fixed;
    z-index: 1000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.18);
  }
}
nav .logo {
  background-color: #4887f4;
  display: inline-block;
  color: #ffffff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 15pt;
  text-align: center;
  border-radius: 50%;
}
nav #menu-btn {
  float: right;
  font-size: 26pt;
  color: #3a3f52;
  transition: 0.12s;
  display: none;
  position: absolute;
  right: 5%;
  top: 4px;
  box-sizing: border-box;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
}
nav #menu-btn:hover {
  cursor: pointer;
  color: rgba(58, 63, 82, 0.5);
  transition: 0.12s;
}
@media (max-width: 800px) {
  nav #menu-btn {
    display: block;
  }
}
#menu-lightbox {
  position: fixed;
  width: 100%;
  height: 120%;
  left: 0;
  top: 0;
  background-color: rgba(58, 63, 82, 0.9);
  z-index: 500;
  display: none;
}
#navigation-links {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  text-align: center;
  background-color: #4887f4;
  box-sizing: border-box;
  padding: 15px;
}
@media (max-width: 800px) {
  #navigation-links {
    background-color: #4887f4;
    padding: 0;
    margin: 0 0 0 0;
    position: fixed;
    top: 50px;
    z-index: 10000;
    display: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.18);
  }
}
#navigation-links.nav-scrolled {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5001;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.18);
}
@media (max-width: 800px) {
  #navigation-links.nav-scrolled {
    position: fixed;
    top: 49px;
  }
}
#navigation-links li {
  display: inline-block;
}
@media (max-width: 800px) {
  #navigation-links li {
    display: block;
    margin: 0 0;
  }
  #navigation-links li:nth-child(even) {
    background-color: rgba(49, 53, 68, 0.1);
  }
}
#navigation-links li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.65);
  text-transform: uppercase;
  box-sizing: border-box;
  font-size: 9pt;
  padding: 5px 10px;
  margin: 0 4px;
}
#navigation-links li a:hover {
  text-decoration: none;
  color: #ffffff;
  font-weight: bolder;
}
@media (max-width: 950px) {
  #navigation-links li a {
    font-size: 8pt;
    padding: 5px 4px;
    position: relative;
    top: -1px;
  }
}
@media (max-width: 800px) {
  #navigation-links li a {
    display: block;
    font-size: 12pt;
    letter-spacing: 0.5px;
    padding: 14px 5%;
    text-align: left;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.5);
  }
}
#navigation-links li.active a {
  color: #4887f4;
  font-weight: bolder;
  background-color: #ffffff;
  border-radius: 3px;
}
@media (max-width: 800px) {
  #navigation-links li.active a {
    background-color: transparent;
    color: #ffffff;
  }
}
.nav-spacer {
  width: 100%;
  display: block;
  height: 50px;
}
@media (max-width: 800px) {
  .nav-spacer {
    height: 0px;
  }
}
#content {
  height: 100%;
  height: calc(100% - 100px);
  width: 100%;
  display: block;
  position: absolute;
  float: none;
}
#content .view {
  float: none;
  height: auto;
  width: 100%;
  overflow: auto;
  display: block;
  padding: 25px 0;
}
.advertisement {
  box-sizing: border-box;
  padding: 4px 0 19px 0;
  height: auto;
  width: 760px;
  margin: 0 auto 5px auto;
  text-align: center;
  line-height: 0.7em;
  color: #e52b50;
  background-color: rgba(242, 242, 242, 0.3);
  border: 1px solid #f2f2f2;
}
.advertisement img{
    width: 98%;
    margin: 3px 1% 0px 1%;
}
@media (max-width: 880px) {
  .advertisement {
    width: 90%;
    margin: 25px 5% 25px 5%;
  }
}
.advertisement h1 {
  font-size: 8pt;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 1px 0 5px 0;
  color: rgba(58, 63, 82, 0.3);
  text-transform: uppercase;
}
.hasadblocker {
  display: none;
  position: fixed;
  background-color: #3a3f52;
  color: #ffffff;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 6px 4px 7px 4px;
  z-index: 500000;
}
.hasadblocker h2 {
  word-wrap: nowrap;
  margin: 0 auto;
  font-size: 8pt;
  letter-spacing: 0.4px;
  font-weight: lighter;
  display: inline-block;
}
/* The starting CSS styles for the enter animation */
.fade.ng-enter {
  transition: 0.18s linear all;
  opacity: 0;
}
.fade.ng-enter.ng-enter-active {
  opacity: 1;
  transition: 0.18s linear all;
}
.fade.ng-leave {
  opacity: 1;
  transition: 0s linear all;
}
.fade.ng-leave.ng-leave-active {
  opacity: 0;
  transition: 0s linear all;
}

.section-save {
  display: none;
}
.required-error {
  border-color: rgba(229, 43, 80, 0.65) !important;
}
.input-form {
  background-color: rgba(242, 242, 242, 0.3);
  border: 1px solid #f2f2f2;
  font-size: 22pt;
  line-height: 1.8em;
  box-sizing: border-box;
  width: 760px;
  margin: 0 auto;
  position: relative;
  padding: 25px 25px 25px 25px;
  margin: 30px auto;
  display: block;
}
@media (max-width: 880px) {
  .input-form {
    width: 90%;
    margin: 25px 5% 25px 5%;
  }
}
@media (max-width: 800px) {
  .input-form {
    margin: 85px 5% 65px 5%;
  }
}
@media (max-width: 670px) {
  .input-form {
    margin: 55px 5% 25px 5%;
    padding: 7px 7px 15px 7px;
  }
}
.input-form .sidebar {
  display: inline-block;
  width: 35%;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 10px 0 10px;
}
@media (max-width: 670px) {
  .input-form .sidebar {
    width: 100%;
    margin: 0 0 35px 0;
  }
}
.input-form .sidebar .inner {
  background-color: #ffffff;
  border: 1px solid #f2f2f2;
  color: #3a3f52;
  display: block;
  box-sizing: border-box;
  padding: 10px;
  margin: 17px 0 0 0;
}
.input-form .sidebar h6 {
  font-size: 11pt;
  height: auto;
  height: 28px;
  line-height: 28px;
  padding: 0 0 8px 0;
  margin: 0 auto 0 auto;
  border-bottom: 1px solid rgba(49, 53, 68, 0.2);
  letter-spacing: 0.5px;
}
.input-form .sidebar h5 {
  padding: 6px 0 0px 0;
  margin: 0 auto;
  font-size: 9pt;
  color: rgba(58, 63, 82, 0.4);
  font-weight: 400;
  text-align: center;
}
.input-form .sidebar .item {
  font-size: 9pt;
  margin: 0 auto;
  padding: 0;
  line-height: 1.5em;
  box-sizing: border-box;
  padding: 10px 0 14px 0;
  border-bottom: 1px solid rgba(49, 53, 68, 0.2);
}
.input-form .sidebar .item:last-child {
  border-bottom: none;
  padding: 10px 0 6px 0;
}
.input-form .sidebar .item b {
  display: block;
  font-weight: lighter;
}
.input-form .sidebar .item b:nth-child(2) {
  font-weight: lighter;
}
.input-form .sidebar .item em {
  display: inline-block;
  margin: 3px 5px 0 0;
  text-transform: uppercase;
  font-style: normal;
  font-size: 7pt;
  font-weight: bolder;
  background-color: #4887f4;
  color: #ffffff;
  box-sizing: border-box;
  padding: 2px 6px;
  border-radius: 3px;
  transition: 0.12s;
}
.input-form .sidebar .item em i {
  margin: 0 0 0 4px;
}
.input-form .sidebar .item em:hover {
  cursor: pointer;
  background-color: rgba(72, 135, 244, 0.8);
  transition: 0.12s;
}
.input-form .sidebar .item.skill {
  padding: 4px 0;
  border-bottom: none;
}
.input-form .sidebar .item.skill b i {
  background-color: #4887f4;
  color: #ffffff;
  padding: 3px 5px;
  border-radius: 50%;
  font-size: 7pt;
}
.input-form .sidebar .item.skill b i:hover {
  cursor: pointer;
}
.input-form .body-sidebar {
  display: inline-block;
  width: 65%;
  vertical-align: top;
}
@media (max-width: 670px) {
  .input-form .body-sidebar {
    width: 100%;
  }
}
.input-form .form-group {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  padding: 10px 10px;
}
@media (max-width: 670px) {
  .input-form .form-group {
    width: 100%;
  }
}
.input-form .form-group.full-width {
  width: 100%;
}
.input-form .form-group:first-child {
  padding: 0 10px 15px 10px;
}
.input-form .form-group:last-child {
  padding: 15px 10px 0 10px;
}
.input-form .form-group label {
  font-family: 'Montserrat', sans-serif;
  font-size: 8pt;
  margin: 23px auto 17px auto;
  text-align: left;
  display: block;
  text-transform: uppercase;
  color: rgba(58, 63, 82, 0.5);
  line-height: 1.2em;
}
.input-form .form-group label b {
  color: rgba(58, 63, 82, 0.85);
}
.input-form .form-group label:nth-child(1) {
  margin: 0px auto 17px auto;
}
.input-form .form-group input,
.input-form .form-group textarea {
  font-family: 'Montserrat', sans-serif;
  background-image: none !important;
  font-size: 10pt;
  color: #3a3f52;
  font-weight: bolder;
  border: none;
  box-sizing: border-box;
  padding: 16px;
  width: 100%;
  text-align: left;
  display: block;
  margin: -12px auto;
  letter-spacing: 1px;
  transition: 0.12s;
  background-size: 200% 100%;
  border: 1px solid rgba(72, 135, 244, 0.2);
}
.input-form .form-group input::-webkit-input-placeholder,
.input-form .form-group textarea::-webkit-input-placeholder {
  color: rgba(58, 63, 82, 0.3);
}
.input-form .form-group input:focus,
.input-form .form-group textarea:focus {
  transition: 0.3s;
  cursor: text;
  border-color: rgba(72, 135, 244, 0.9);
}
.input-form .form-group input:focus::-webkit-input-placeholder,
.input-form .form-group textarea:focus::-webkit-input-placeholder {
  transition: 0.3s;
}
.input-form .form-group textarea {
  text-align: left;
  letter-spacing: 0;
  height: 200px;
  line-height: 1.5em;
  font-weight: lighter;
}
@media (max-width: 670px) {
  .input-form .form-group.empty {
    display: none;
  }
}
.input-form .form-group .save-btn {
  color: rgba(255, 255, 255, 0.75);
  background-color: #4887f4;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 100%;
  border: none;
  font-size: 10pt;
  box-sizing: border-box;
  padding: 16px 0 16px 0;
  transition: 0.12s;
  font-family: 'Montserrat', sans-serif;
  border-radius: 0px;
  border: 1px solid #4887f4;
  font-weight: bolder;
  border-radius: 3px;
}
@media (max-width: 670px) {
  .input-form .form-group .save-btn {
    font-size: 8pt;
  }
}
.input-form .form-group .save-btn i {
  margin: 0 10px 0 0;
}
.input-form .form-group .save-btn:hover {
  cursor: pointer;
  color: #ffffff;
  transition: 0.12s;
}
.input-form .form-group .save-btn.save-success {
  background-color: #29cdb5;
  border-color: #29cdb5;
}
.input-form .form-group .save-btn.save-error {
  background-color: #e52b50;
  border-color: #e52b50;
}
.richtext {
  display: block;
  text-align: left;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
  padding: 0 0 18px 0;
}
.richtext a {
  font-size: 12pt;
  background-color: rgba(72, 135, 244, 0.8);
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-weight: bolder;
  width: 30px;
  height: 26px;
  line-height: 25px;
  display: inline-block;
  margin: 0 2px 0 0;
}
.richtext a:hover {
  cursor: pointer;
  background-color: #4887f4;
  color: #ffffff;
}
.richtext a i {
  font-size: 8pt;
  position: relative;
  top: -1px;
}
.text-edit-modal input {
  font-family: 'Montserrat', sans-serif;
  background-image: none !important;
  font-size: 10pt;
  color: #3a3f52;
  font-weight: bolder;
  border: none;
  box-sizing: border-box;
  padding: 16px;
  width: 100%;
  text-align: left;
  display: block;
  margin: -12px auto;
  letter-spacing: 1px;
  transition: 0.12s;
  background-size: 200% 100%;
  border: 1px solid rgba(72, 135, 244, 0.2);
}
.text-edit-modal input::-webkit-input-placeholder {
  color: rgba(58, 63, 82, 0.3);
}
.text-edit-modal input:focus {
  transition: 0.3s;
  cursor: text;
  border-color: rgba(72, 135, 244, 0.9);
}
.text-edit-modal input:focus::-webkit-input-placeholder {
  transition: 0.3s;
}

a {
  text-decoration: none;
  transition: 0.12s;
}
a:hover {
  transition: 0.12s;
  text-decoration: none;
}

.settings {
  width: 100%;
  height: 49px;
  background-color: #313544;
  box-sizing: border-box;
  position: absolute;
  top: 0px;
  left: 0;
  text-align: center;
  z-index: 5000;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media (max-width: 800px) {
  .settings {
    position: fixed;
    top: 49px;
    z-index: 4000;
  }
}
.settings ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.settings ul li {
  display: inline-block;
  color: #ffffff;
  box-sizing: border-box;
  padding: 17px 20px;
  text-transform: uppercase;
  font-size: 9pt;
  color: rgba(255, 255, 255, 0.65);
  transition: 0.12s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
@media (max-width: 605px) {
  .settings ul li {
    font-size: 8pt;
    padding: 19px 10px 18px 10px;
  }
}
@media (max-width: 475px) {
  .settings ul li {
    font-size: 7pt;
    letter-spacing: -0.3px;
    padding: 20px 8px 20px 8px;
  }
}
@media (max-width: 430px) {
  .settings ul li {
    font-size: 6pt;
    padding: 20px 8px 20px 8px;
  }
}
@media (max-width: 390px) {
  .settings ul li {
    letter-spacing: -0.5px;
    padding: 21px 8px 21px 8px;
  }
}
.settings ul li:hover {
  color: #ffffff;
  transition: 0.12s;
  cursor: pointer;
  transition: 0.2s;
}
.settings ul li:hover ol {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.1s linear;
}
.settings ul li:nth-child(2) ol {
  padding: 20px 0;
}
.settings ul li ol {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  padding: 0;
  background-color: #242732;
  margin: 0;
  margin-top: 17px;
  width: 100%;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.18);
}
@media (max-width: 800px) {
  .settings ul li ol {
    box-sizing: border-box;
    padding: 8px 10px;
  }
}
.settings ul li ol li.theme {
  display: inline-block;
  padding: 30px 0px 30px 0px;
  margin: 20px 8px 20px 8px;
  text-align: center;
  transition: 0.12s;
  text-transform: none;
  color: rgba(49, 53, 68, 0.4);
  background-color: #ffffff;
  width: 150px;
  font-size: 12pt;
  line-height: 100%;
  vertical-align: middle;
  border: 3px solid #ffffff;
}
@media (max-width: 800px) {
  .settings ul li ol li.theme {
    width: 100px;
    padding: 20px 0 20px 0;
    font-size: 10pt;
    border: 2px solid #ffffff;
    margin: 5px 4px 5px 4px;
  }
}
.settings ul li ol li.theme:hover {
  background-color: #ffffff;
  border-color: #4887f4;
  transition: 0.12s;
  color: #313544;
}
.settings ul li ol li.theme.active {
  border-color: #4887f4;
  color: #313544;
}
.settings ul li ol li.theme:nth-child(1) {
  font-family: 'Pacifico', sans-serif;
}
.settings ul li ol li.theme:nth-child(2) {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}
.settings ul li ol li.theme:nth-child(3) {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.settings ul li ol li.theme:nth-child(4) {
  font-family: 'Arvo', serif;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.settings ul li ol li.adjustment {
  width: 200px;
  text-align: center;
  display: inline-block;
  padding: 20px 0;
  vertical-align: top;
}
@media (max-width: 625px) {
  .settings ul li ol li.adjustment {
    width: 80%;
    margin: 0 10%;
  }
}
.settings ul li ol li.adjustment:hover {
  cursor: default;
}
.settings ul li ol li.adjustment input {
  display: block;
}
.settings ul li ol li.adjustment label {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 8pt;
  text-transform: none;
  letter-spacing: 0.5px;
  font-weight: 700;
  text-transform: uppercase;
}
.settings ul li ol li.adjustment label u {
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
  padding: 1px;
  margin: 0 0 0 5px;
  font-weight: bolder;
  color: #ffffff;
}
.settings ul li ol li.adjustment #line-height-range,
.settings ul li ol li.adjustment #font-size-range {
  -webkit-appearance: none;
  width: 100%;
  background-color: transparent;
  border: none;
  margin: 6px 0 20px 0;
}
.settings ul li ol li.adjustment #line-height-range::-webkit-slider-thumb,
.settings ul li ol li.adjustment #font-size-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 0px solid white;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  margin-top: -6px;
}
.settings ul li ol li.adjustment #line-height-range::-webkit-slider-runnable-track,
.settings ul li ol li.adjustment #font-size-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background-color: #4887f4;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
.settings ul li ol li.adjustment #show-icons-checkbox {
  margin: 0 0 0 0 !important;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.settings ul li ol li.adjustment #show-icons-checkbox-label {
  line-height: 1.55em;
  margin: 2px 0 0 0;
}
.settings ul li ol li.adjustment #show-icons-checkbox-label:hover {
  cursor: pointer;
}
.settings ul li ol li.adjustment #show-icons-checkbox-label .divider {
  font-size: 7pt;
  padding: 0 2px 0 2px;
  color: rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  font-weight: bolder;
  position: relative;
  top: -2px;
}
.settings ul li ol li.adjustment #show-icons-checkbox-label b {
  font-size: 12pt;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  padding: 0 0 10px 0;
  margin: 0 auto;
  display: inline-block;
  transition: 0.12s;
}
.settings ul li ol li.adjustment #show-icons-checkbox-label b:hover {
  color: #ffffff;
  transition: 0.12s;
}
.settings ul li ol li.adjustment #show-icons-checkbox-label b.active {
  color: #ffffff;
  transition: 0.12s;
}
.hint,
.input-hint {
  font-size: 8.5pt;
  text-align: center;
  letter-spacing: 0.25px;
  line-height: 1.5em;
  display: block;
  font-weight: lighter;
  color: rgba(58, 63, 82, 0.55);
  position: relative;
  top: -18px;
}
@media (max-width: 800px) {
  .hint,
  .input-hint {
    top: 10px;
    font-size: 7pt;
    box-sizing: border-box;
    padding: 0 10px 0 10px;
  }
}
.input-hint {
  top: 2px;
}
@media (max-width: 800px) {
  .input-hint {
    top: 40px;
    font-size: 7pt;
  }
}
.switchviews {
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  top: -6px;
}
.switchviews span {
  display: block;
  font-size: 8pt;
  color: rgba(49, 53, 68, 0.5);
  letter-spacing: 0.5px;
  padding: 0 0 3px 0;
}
.switchviews a {
  box-sizing: border-box;
  padding: 6px 12px;
  background-color: rgba(72, 135, 244, 0.7);
  color: #ffffff;
  text-transform: uppercase;
  font-size: 8pt;
  letter-spacing: 0.75px;
  border-radius: 3px;
}
.switchviews a:hover {
  cursor: pointer;
  background-color: rgba(72, 135, 244, 0.9);
}
.switchviews a.active {
  background-color: #4887f4;
}
@media (max-width: 800px) {
  .switchviews {
    margin-top: 30px;
  }
}
.settings-scrolled {
  top: 49px;
  position: fixed;
  left: 0;
  z-index: 3000;
  width: 100%;
}
#toolbar-spacer {
  width: 100%;
  height: 75px;
}
.modal-lightbox {
  width: 100%;
  height: 100%;
  background-color: rgba(14, 28, 52, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4000;
}
@media (max-width: 800px) {
  .modal-lightbox {
    height: 110%;
  }
}
.text-edit-modal {
  border-radius: 3px;
  width: 400px;
  box-sizing: border-box;
  padding: 14px 25px 19px 25px;
  background-color: #ffffff;
  position: fixed;
  top: 25%;
  left: 50%;
  margin-left: -200px;
  z-index: 1100000000;
  font-family: 'Montserrat', sans-serif;
}
@media (max-width: 450px) {
  .text-edit-modal {
    width: 90%;
    left: 5%;
    margin-left: 0;
  }
}
.text-edit-modal h6 {
  margin: 0;
  padding: 0;
  font-size: 10pt;
  text-transform: uppercase;
  color: #313544;
  margin-bottom: 25px;
  text-align: center;
}
.text-edit-modal i {
  float: right;
  margin: -42px 0 5px 0;
  position: relative;
  left: 10px;
  color: rgba(49, 53, 68, 0.3);
  transition: 0.12s;
}
.text-edit-modal i:hover {
  cursor: pointer;
  color: rgba(49, 53, 68, 0.8);
  transition: 0.12s;
}
.text-edit-modal input {
  background-color: #f2f2f2;
  width: 100%;
}
.text-edit-modal .modal-save {
  background-color: #4887f4;
  border: none;
  color: rgba(255, 255, 255, 0.85);
  width: 40%;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  margin: 30px 0 0 30%;
  font-size: 8pt;
  box-sizing: border-box;
  padding: 12px 0;
  transition: 0.12s;
}
.text-edit-modal .modal-save:hover {
  cursor: pointer;
  color: #ffffff;
  transition: 0.12s;
}
.text-edit-modal .info {
  font-weight: lighter;
  font-size: 8pt;
  text-align: center;
  color: rgba(58, 63, 82, 0.9);
  line-height: 1.6em;
  display: block;
}
.text-edit-modal .info small {
  display: block;
  padding: 10px 0 0 0;
  font-size: 8pt;
  letter-spacing: 0.5px;
}
.editable-header {
  transition: 0.12s;
  background-color: rgba(72, 135, 244, 0.2);
  box-sizing: border-box;
  padding: 0 15px;
}
.editable-header:hover {
  cursor: pointer;
  transition: 0.12s;
  background-color: rgba(72, 135, 244, 0.4);
}
#pdf-instructions {
  background-color: #ffffff;
  position: fixed;
  top: 20%;
  left: 50%;
  margin-left: -300px;
  width: 600px;
  min-height: 20px;
  z-index: 5000;
  box-sizing: border-box;
  padding: 25px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: 0.5px;
  font-weight: 400;
  color: #3a3f52;
  text-align: justify;
}
@media (max-width: 800px) {
  #pdf-instructions {
    width: 90%;
    left: 5%;
    margin-left: 0;
    text-align: left;
    top: 65px;
  }
}
#pdf-instructions .close {
  position: absolute;
  right: 12px;
  top: 10px;
  color: rgba(58, 63, 82, 0.5);
  transition: 0.12s;
}
#pdf-instructions .close:hover {
  cursor: pointer;
  color: #3a3f52;
  transition: 0.12s;
}
#pdf-instructions .text h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14pt;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 800px) {
  #pdf-instructions .text h1 {
    font-size: 12pt;
    line-height: 1.2em;
  }
}
#pdf-instructions .text h2 {
  font-size: 12pt;
  margin: 0 auto;
  padding: 5px 0;
}
@media (max-width: 800px) {
  #pdf-instructions .text h2 {
    font-size: 11pt;
  }
}
#pdf-instructions .text p {
  font-size: 9.5pt;
  margin: 0 auto;
  padding: 5px 0;
}
@media (max-width: 800px) {
  #pdf-instructions .text p {
    font-size: 8pt;
  }
}
#pdf-instructions .text p em {
  font-size: 11pt;
  font-style: normal;
  letter-spacing: 0.5px;
  font-weight: 500;
}
@media (max-width: 800px) {
  #pdf-instructions .text p em {
    font-size: 9pt;
  }
}
#pdf-instructions .text .social-links {
  text-align: center;
}
#pdf-instructions .text .social-links h6 {
  font-size: 10pt;
  color: rgba(58, 63, 82, 0.5);
  padding: 0;
  margin: 0 auto;
  text-transform: uppercase;
  font-weight: 400;
}
#pdf-instructions .text .social-links a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14pt;
  box-sizing: border-box;
  padding: 0 0 0 1px;
  height: 40px;
  background-color: #4887f4;
  width: 40px;
  display: inline-block;
  margin: 5px 4px 0 4px;
  border-radius: 20px;
  line-height: 42px;
  text-align: center;
  transition: 0.12s;
}
@media (max-width: 800px) {
  #pdf-instructions .text .social-links a {
    font-size: 12pt;
    height: 30px;
    width: 30px;
    line-height: 32px;
  }
}
#pdf-instructions .text .social-links a:hover {
  color: #ffffff;
  transition: 0.12s;
}
#pdf-instructions .text .button {
  background-color: #4887f4;
  color: #ffffff;
  box-sizing: border-box;
  padding: 10px 16px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9pt;
  font-weight: bolder;
  font-family: 'Montserrat', sans-serif;
  margin: 14px 0 0 0;
  float: left;
  border-radius: 3px;
}
@media (max-width: 800px) {
  #pdf-instructions .text .button {
    font-size: 8pt;
    padding: 10px 10px;
    letter-spacing: 0px;
  }
}
#pdf-instructions .text .button:hover {
  cursor: pointer;
  transition: 0.12s;
  background-color: rgba(72, 135, 244, 0.8);
}
#pdf-instructions .text .button.proceed {
  background-color: #29cdb5;
  float: right;
}
#pdf-instructions .text .button.proceed:hover {
  background-color: rgba(41, 205, 181, 0.8);
}
#pdf-instructions .text a:hover {
  cursor: pointer;
}
#pdf-instructions .videos h1 {
  padding: 0px 0 10px 0;
  margin: 0 auto;
  font-size: 14pt;
}
#pdf-instructions .videos span {
  font-size: 8pt;
  box-sizing: border-box;
  background-color: #f2f2f2;
  padding: 8px 15px;
  display: inline-block;
  border-radius: 3px;
  margin: 0 4px 0 4px;
  letter-spacing: 1px;
  transition: 0.12s;
  text-transform: uppercase;
  font-weight: bolder;
}
#pdf-instructions .videos span.active {
  background-color: #4887f4;
  color: #ffffff;
  transition: 0.12s;
}
#pdf-instructions .videos span:hover {
  background-color: rgba(72, 135, 244, 0.8);
  transition: 0.12s;
  color: #ffffff;
  cursor: pointer;
}
#pdf-instructions .videos video {
  margin: 15px auto;
  width: 80%;
  max-width: 600px;
  display: block;
  border: 3px solid #4887f4;
}
#pdf-instructions .contribute h1 {
  padding: 0px 0 10px 0;
  margin: 0 auto;
  font-size: 14pt;
}

#has-local-storage {
  display: none;
  background-color: #ffffff;
  text-align: center;
  color: #313544;
  box-sizing: border-box;
  padding: 8px 15px 10px 15px;
  border-bottom: 1px solid rgba(72, 135, 244, 0.3);
  margin: 0px auto 0 auto;
  position: absolute;
  top: 00px;
  left: 0px;
  width: 100%;
}
@media (max-width: 950px) {
  #has-local-storage {
    background-color: #ffffff;
    display: none;
    color: #3a3f52;
    position: relative;
    padding: 10px 15px 10px 15px;
    margin: -25px auto 0 auto;
  }
}
@media (max-width: 800px) {
  #has-local-storage {
    background-color: #4887f4;
    color: #ffffff;
    margin: 25px auto 0 auto;
  }
}
#has-local-storage h2 {
  font-size: 9pt;
  letter-spacing: 0.35px;
  font-weight: lighter;
  margin: 0 10px 8px 0;
  letter-spacing: 0.25px;
  padding: 0;
  text-align: left;
  display: inline-block;
}
@media (max-width: 950px) {
  #has-local-storage h2 {
    display: block;
    text-align: center;
    margin: 0 0 4px 0;
  }
}
@media (max-width: 500px) {
  #has-local-storage h2 {
    font-size: 9pt;
    letter-spacing: 0px;
  }
}
#has-local-storage button {
  border: none;
  box-sizing: border-box;
  padding: 8px 12px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: bolder;
  color: rgba(255, 255, 255, 0.85);
  margin: 3px 5px 0 0;
  font-size: 8pt;
  transition: 0.12s;
  background-color: rgba(49, 53, 68, 0.85);
}
@media (max-width: 950px) {
  #has-local-storage button {
    padding: 6px 8px;
  }
}
@media (max-width: 950px) {
  #has-local-storage button {
    font-size: 7pt;
  }
}
#has-local-storage button:hover {
  cursor: pointer;
  color: #ffffff;
  transition: 0.12s;
  background-color: #313544;
}
#has-local-storage button.blue {
  background-color: rgba(72, 135, 244, 0.85);
}
@media (max-width: 800px) {
  #has-local-storage button.blue {
    background-color: rgba(255, 255, 255, 0.85);
    color: #3a3f52;
  }
}
#has-local-storage button.blue:hover {
  background-color: #4887f4;
}
@media (max-width: 800px) {
  #has-local-storage button.blue:hover {
    background-color: #ffffff;
  }
}
#home-page {
  color: #3a3f52;
}
#home-page h1 {
  font-size: 18pt;
  letter-spacing: 1px;
  display: block;
  font-weight: lighter;
  text-align: center;
  font-weight: bolder;
  margin: 0 auto;
}
@media (max-width: 950px) {
  #home-page h1 {
    font-size: 15pt;
  }
}
@media (max-width: 550px) {
  #home-page h1 {
    font-size: 13pt;
    letter-spacing: 0;
  }
}
#home-page h2 {
  font-size: 14pt;
  font-weight: 500;
  font-family: 'Source Sans Pro', sans-serif;
  display: block;
  max-width: 480px;
  margin: 0 auto;
  padding: 0 0 25px 0;
  letter-spacing: 1px;
}
@media (max-width: 950px) {
  #home-page h2 {
    font-size: 12pt;
  }
}
@media (max-width: 550px) {
  #home-page h2 {
    font-size: 10pt;
  }
}
#home-page h3 {
  font-size: 11pt;
  letter-spacing: 1px;
  font-weight: 800;
  margin: 0 auto 5px auto;
  padding: 0;
}
#home-page h3 i {
  letter-spacing: -2.5px;
}
@media (max-width: 950px) {
  #home-page h3 {
    font-size: 10pt;
    letter-spacing: 0.5px;
  }
}
#home-page p {
  margin: 0 auto;
  padding: 0 0 25px 0;
  font-size: 10pt;
  letter-spacing: 1px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.55em;
}
@media (max-width: 950px) {
  #home-page p {
    font-size: 9pt;
    letter-spacing: 0.5px;
    line-height: 1.45em;
  }
}
#home-page p a {
  font-weight: 600;
  color: #4887f4;
  transition: 0.12s;
}
#home-page p a:hover {
  cursor: pointer;
  transition: 0.12s;
  color: rgba(49, 53, 68, 0.8);
}
#home-page p i {
  font-weight: 600;
}
#home-page #home-intro {
  box-sizing: border-box;
  padding: 95px 35px 115px 37px;
  margin: 0 0;
  color: #3a3f52;
  height: 70%;
}
@media (max-width: 950px) {
  #home-page #home-intro {
    padding: 80px 35px 60px 37px;
  }
}
@media (max-width: 800px) {
  #home-page #home-intro {
    padding: 100px 35px 60px 37px;
  }
}
#home-page #home-intro #intro-text .home-name {
  display: block;
  text-align: center;
  padding: 0px 0 20px 0;
  margin: -26px 0 0 0;
  font-size: 32pt;
  font-family: 'Source Sans Pro', sans-serif;
  color: rgba(58, 63, 82, 0.15);
  font-weight: 900;
}
@media (max-width: 550px) {
  #home-page #home-intro #intro-text .home-name {
    font-size: 24pt;
  }
}
#home-page #home-intro #intro-text .home-name b {
  font-weight: bolder;
  font-weight: 800;
  color: #3a3f52;
  font-family: 'Pacifico', sans-serif;
}
#home-page #home-intro #intro-text h2 {
  text-align: center;
}
#home-page #home-intro #intro-text h2 small {
  font-size: 9pt;
}
#home-page #home-intro #intro-text span {
  display: block;
  text-align: center;
}
#home-page #home-intro #intro-text span a {
  font-size: 8pt;
  text-transform: uppercase;
  text-align: center;
  background-color: #4887f4;
  color: #ffffff;
  box-sizing: border-box;
  padding: 12px 12px;
  border-radius: 3px;
  font-weight: bolder;
  letter-spacing: 0.5px;
}
#home-page #home-intro #intro-text span a:hover {
  cursor: pointer;
  background-color: rgba(72, 135, 244, 0.8);
}
#home-page #media {
  background-color: #f2f2f2;
  box-sizing: border-box;
  padding: 45px 0 45px 3px;
  text-align: center;
  height: 25%;
  width: 100%;
  display: block;
}
#home-page #media h6 {
  font-size: 12pt;
  font-weight: bolder;
  letter-spacing: 1px;
  padding: 0 0 5px 0;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0 auto;
  font-weight: 400;
  color: rgba(58, 63, 82, 0.3);
}
@media (max-width: 550px) {
  #home-page #media h6 {
    font-size: 10pt;
  }
}
#home-page #media img {
  padding: 12px 15px 0 15px;
  display: inline-block;
}
@media (max-width: 950px) {
  #home-page #media img {
    padding: 10px 10px 0 10px;
  }
}
#home-page #media img {
  height: 25px;
  width: auto;
  opacity: 0.3;
  transition: 0.12s;
}
@media (max-width: 550px) {
  #home-page #media img {
    height: 20px;
  }
}

#home-page #process {
  box-sizing: border-box;
  padding: 80px 11% 85px 11%;
  color: #3a3f52;
  text-align: center;
  background-color: rgba(72, 135, 244, 0.95);
  color: #ffffff;
}
@media (max-width: 950px) {
  #home-page #process {
    padding: 70px 5% 75px 5%;
  }
}
@media (max-width: 700px) {
  #home-page #process {
    padding: 50px 3% 30px 3%;
  }
}
#home-page #process span {
  display: inline-block;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0 2%;
  vertical-align: top;
}
@media (max-width: 950px) {
  #home-page #process span {
    padding: 0 1%;
  }
}
@media (max-width: 550px) {
  #home-page #process span {
    width: 100%;
    padding: 0 10px 25px 10px;
  }
}
#home-page #process span img {
  width: 70px;
  opacity: 0.9;
  margin: 0 0 12px 0;
  filter: invert(1) brightness(5);
  -webkit-filter: invert(1) brightness(5);
  opacity: 0.8;
}
@media (max-width: 950px) {
  #home-page #process span img {
    width: 60px;
  }
}
@media (max-width: 700px) {
  #home-page #process span img {
    width: 50px;
  }
}
#home-page #process span h4 {
  font-size: 12pt;
  padding: 0;
  margin: 0 auto 4px 0;
}
@media (max-width: 950px) {
  #home-page #process span h4 {
    font-size: 10pt;
  }
}
@media (max-width: 700px) {
  #home-page #process span h4 {
    font-size: 9pt;
  }
}
@media (max-width: 550px) {
  #home-page #process span h4 {
    font-size: 11pt;
  }
}
#home-page #process span p {
  padding: 0;
  margin: 0 auto;
  font-size: 11pt;
  letter-spacing: 1px;
  box-sizing: border-box;
  font-family: 'Source Sans Pro', sans-serif;
}
@media (max-width: 950px) {
  #home-page #process span p {
    font-size: 10pt;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 700px) {
  #home-page #process span p {
    font-size: 9pt;
  }
}
@media (max-width: 550px) {
  #home-page #process span p {
    font-size: 10pt;
    letter-spacing: 0.5px;
    line-height: 1.55em;
  }
}
#home-page #whats-new {
  background: #f2f2f2;
}
#home-page #whats-new #whats-new-image {
  display: inline-block;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 950px) {
  #home-page #whats-new #whats-new-image {
    width: 45%;
  }
}
@media (max-width: 700px) {
  #home-page #whats-new #whats-new-image {
    width: 40%;
    box-sizing: border-box;
  }
}
@media (max-width: 550px) {
  #home-page #whats-new #whats-new-image {
    width: 100%;
    padding: 0;
  }
}
#home-page #whats-new #whats-new-image img {
  width: 100%;
  max-width: 624px;
}
@media (max-width: 550px) {
  #home-page #whats-new #whats-new-image img {
    max-width: 100%;
    width: auto;
  }
}
#home-page #whats-new span {
  vertical-align: middle;
  display: inline-block;
  width: 50%;
  color: #3a3f52;
  text-align: left;
  box-sizing: border-box;
  padding: 0 15px;
}
@media (max-width: 950px) {
  #home-page #whats-new span {
    width: 55%;
  }
}
@media (max-width: 700px) {
  #home-page #whats-new span {
    width: 60%;
    padding: 15px;
  }
}
@media (max-width: 550px) {
  #home-page #whats-new span {
    width: 100%;
    padding: 25px 15px 30px 15px;
  }
}
#home-page #whats-new span h1 {
  text-align: left;
}
@media (max-width: 950px) {
  #home-page #whats-new span h1 {
    font-size: 14pt;
    letter-spacing: 0px;
  }
}
@media (max-width: 700px) {
  #home-page #whats-new span h1 {
    font-size: 12pt;
  }
}
#home-page #whats-new span h2 {
  text-align: left;
  margin: 0 0;
  padding: 2px 0 10px 0;
}
@media (max-width: 950px) {
  #home-page #whats-new span h2 {
    font-size: 11pt;
    padding: 2px 0 5px 0;
  }
}
@media (max-width: 700px) {
  #home-page #whats-new span h2 {
    font-size: 10pt;
  }
}
@media (max-width: 550px) {
  #home-page #whats-new span h2 {
    font-size: 12pt;
  }
}
#home-page #whats-new span p {
  padding: 0;
}
@media (max-width: 950px) {
  #home-page #whats-new span p {
    letter-spacing: 0px;
  }
}
@media (max-width: 700px) {
  #home-page #whats-new span p {
    font-size: 8pt;
  }
}
@media (max-width: 550px) {
  #home-page #whats-new span p {
    font-size: 10pt;
    letter-spacing: 0.5px;
    line-height: 1.55em;
  }
}
#home-page #themes {
  background-color: #4887f4;
  box-sizing: border-box;
  padding: 55px 10%;
  text-align: center;
}
@media (max-width: 650px) {
  #home-page #themes {
    padding: 45px 5%;
  }
}
#home-page #themes span {
  display: block;
  color: #ffffff;
  width: 70%;
  margin-left: 15%;
  text-align: center;
  padding: 0;
}
@media (max-width: 560px) {
  #home-page #themes span {
    width: 100%;
    margin-left: 0;
  }
}
#home-page #themes img {
  width: 40%;
  margin: 2px;
  display: inline-block;
}
@media (max-width: 560px) {
  #home-page #themes img {
    margin: 0;
    box-sizing: border-box;
    padding: 0 1px;
    width: 50%;
  }
}
#home-page #questions {
  box-sizing: border-box;
  padding: 65px 11%;
}
@media (max-width: 950px) {
  #home-page #questions {
    padding: 45px 5%;
  }
}
@media (max-width: 700px) {
  #home-page #questions {
    padding: 40px 3%;
  }
}
@media (max-width: 550px) {
  #home-page #questions {
    padding: 40px 15px 30px 15px;
  }
}
#home-page #questions h1 {
  text-align: center;
  font-weight: bolder;
  margin: 0 auto 45px auto;
}
@media (max-width: 950px) {
  #home-page #questions h1 {
    font-size: 15pt;
  }
}
@media (max-width: 700px) {
  #home-page #questions h1 {
    font-size: 13pt;
    margin: 0 auto 30px auto;
  }
}
#home-page #questions .columns {
  -webkit-column-count: 2;
  column-count: 2;
  column-gap: 30px;
  -webkit-column-gap: 30px;
  display: block;
}
@media (max-width: 950px) {
  #home-page #questions .columns {
    column-gap: 20px;
    -webkit-column-gap: 20px;
  }
}
@media (max-width: 550px) {
  #home-page #questions .columns {
    column-count: 1;
    -webkit-column-count: 1;
    column-gap: 0;
    -webkit-column-gap: 0;
  }
}
#home-page #questions .columns span {
  display: inline-block;
  vertical-align: top;
}
#home-page #get-started {
  background-color: #313544;
  color: #ffffff;
  box-sizing: border-box;
  padding: 65px 25px;
  text-align: center;
}
@media (max-width: 950px) {
  #home-page #get-started {
    padding: 45px 15px;
  }
}
@media (max-width: 700px) {
  #home-page #get-started {
    padding: 35px 15px;
  }
}
@media (max-width: 700px) {
  #home-page #get-started h1 {
    font-size: 13pt;
  }
}
@media (max-width: 550px) {
  #home-page #get-started h1 {
    line-height: 1.55em;
    font-size: 14pt;
  }
}
#home-page #get-started #start-now {
  margin: 0 auto;
  color: #ffffff;
  background-color: #4887f4;
  box-sizing: border-box;
  padding: 10px 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10pt;
  margin: 25px 0 0 0;
  display: inline-block;
  border-radius: 3px;
  font-weight: bolder;
  transition: 0.12s;
}
#home-page #get-started #start-now:hover {
  background-color: rgba(72, 135, 244, 0.8);
  transition: 0.12s;
}
@media (max-width: 700px) {
  #home-page #get-started #start-now {
    padding: 8px 12px;
    font-size: 8pt;
  }
}
#home-page #footer {
  box-sizing: border-box;
  padding: 55px 25px 5px 25px;
}
@media (max-width: 950px) {
  #home-page #footer {
    padding: 25px 15px 5px 15px;
    margin: 13px 0 0 0;
  }
}
#home-page #footer #footer-name {
  display: inline-block;
  text-align: center;
  font-size: 22pt;
  font-family: 'Pacifico', sans-serif;
  color: #3a3f52;
  letter-spacing: 0px;
  width: 20%;
  vertical-align: middle;
  position: relative;
  top: -10px;
}
@media (max-width: 950px) {
  #home-page #footer #footer-name {
    font-size: 22pt;
    width: 40%;
  }
}
@media (max-width: 550px) {
  #home-page #footer #footer-name {
    font-size: 26pt;
    width: 100%;
  }
}
#home-page #footer #footer-about {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 10px 20px;
}
@media (max-width: 950px) {
  #home-page #footer #footer-about {
    width: 60%;
  }
}
@media (max-width: 550px) {
  #home-page #footer #footer-about {
    width: 100%;
  }
}
#home-page #footer #footer-about h6 {
  padding: 0 0 3px 0;
  margin: 0 auto;
  letter-spacing: 1px;
  font-size: 12pt;
}
@media (max-width: 950px) {
  #home-page #footer #footer-about h6 {
    font-size: 10pt;
  }
}
@media (max-width: 700px) {
  #home-page #footer #footer-about p {
    font-size: 8pt;
  }
}
#home-page #footer #footer-subscribe {
  display: inline-block;
  width: 40%;
  vertical-align: top;
  box-sizing: border-box;
  padding: 10px 20px;
}
@media (max-width: 950px) {
  #home-page #footer #footer-subscribe {
    width: 100%;
    padding: 10px 10px;
    text-align: center;
    background-color: #f2f2f2;
  }
}
#home-page #footer #footer-subscribe h6 {
  padding: 0 0 3px 0;
  margin: 0 auto;
  letter-spacing: 1px;
  font-size: 12pt;
}
@media (max-width: 950px) {
  #home-page #footer #footer-subscribe h6 {
    display: none;
  }
}
#home-page #footer #footer-subscribe p {
  padding: 0;
}
@media (max-width: 950px) {
  #home-page #footer #footer-subscribe p {
    font-weight: bolder;
  }
}
@media (max-width: 700px) {
  #home-page #footer #footer-subscribe p {
    font-size: 9pt;
    letter-spacing: 0.5px;
  }
}
@media (max-width: 550px) {
  #home-page #footer #footer-subscribe p {
    letter-spacing: 0px;
  }
}
#home-page #footer #footer-subscribe button {
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  font-weight: bolder;
  transition: 0.12s;
  font-family: 'Montserrat', sans-serif;
  background-color: #4887f4;
  box-sizing: border-box;
  padding: 8px 15px;
  margin: 8px 0;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 10pt;
  border-radius: 3px;
}
@media (max-width: 950px) {
  #home-page #footer #footer-subscribe button {
    padding: 8px 10px;
    font-size: 8pt;
  }
}
#home-page #footer #footer-subscribe button:hover {
  cursor: pointer;
  background-color: rgba(72, 135, 244, 0.7);
  transition: 0.12s;
}
#producthunt {
  background-color: #da552f;
  color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 5000001;
  box-sizing: border-box;
  padding: 15px 15px 20px 15px;
}
#producthunt h1 {
  font-family: 'Pacifico', sans-serif;
  font-size: 16pt;
  letter-spacing: 0.75px;
  padding: 0;
  margin: 0 auto;
}
#producthunt p {
  font-size: 9pt;
  width: 70%;
  margin-left: 15%;
  text-align: justify;
  letter-spacing: 1px;
  font-weight: bolder;
  padding: 0;
  margin: 0 auto 15px auto;
  font-family: 'Source Sans Pro', sans-serif;
}
#producthunt p a {
  color: #ffffff;
  font-weight: bolder;
  text-decoration: underline;
}
#producthunt p a:hover {
  cursor: pointer;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 800px) {
  #producthunt p {
    width: 90%;
    margin-left: 5%;
  }
}
#producthunt span {
  background-color: #ffffff;
  color: #da552f;
  box-sizing: border-box;
  padding: 10px 12px;
  text-transform: uppercase;
  font-weight: bolder;
  letter-spacing: 1px;
  border-radius: 3px;
  font-size: 8pt;
  transition: 0.12s;
}
#producthunt span:hover {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.8);
  transition: 0.12s;
}


#print-page {
  margin: 15px auto 35px auto;
  width: 7.23in;
  mso-header-margin: .5in;
  mso-footer-margin: .5in;
  mso-paper-source: 0;
  z-index: 5000;
  text-align: center;
  font-weight: 300;
  overflow: visible !important;
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid rgba(49, 53, 68, 0.1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  z-index: 0;
}
@media (max-width: 800px) {
  #print-page {
    margin-top: 30px;
  }
}
@media (max-width: 7.6in) {
  #print-page {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    position: relative;
    left: 50%;
    margin-left: -3.2535in;
  }
}
@media (max-width: 6.9in) {
  #print-page {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    margin-left: -2.892in;
  }
}
@media (max-width: 6.1in) {
  #print-page {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -2.5305;
  }
}
@media (max-width: 5.4in) {
  #print-page {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    margin-left: -2.169in;
  }
}
@media (max-width: 4.6in) {
  #print-page {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    margin-left: -1.8075in;
  }
}
@media (max-width: 3.8in) {
  #print-page {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    margin-left: -1.446in;
  }
}
@media (max-width: 3in) {
  #print-page {
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    margin-left: -1.0845in;
  }
}
#print-page .pdf-advice {
  text-align: center;
  box-sizing: border-box;
  padding: 55px 0 85px 0;
  letter-spacing: 0.5px;
  line-height: 1.5em;
  display: block;
  font-size: 10pt;
  letter-spacing: 1px;
  color: rgba(49, 53, 68, 0.4);
  font-weight: bolder;
  font-family: 'Montserrat', sans-serif;
}
#print-page .sortable:hover {
  cursor: grab;
  background-color: rgba(49, 53, 68, 0.04);
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
#print-page .sortable:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}
@media print {
  nav,
  #navigation-links,
  .section-title,
  #toolbar-spacer,
  .settings,
  .text-edit-modal,
  .modal-lightbox,
  #pdf-instructions,
  .hint,
  .hasadblocker,
  .switchviews {
    opacity: 0;
  }
  #print-page {
    margin: 0 auto;
    /*Disabled these in print query*/
    mso-header-margin: .5in;
    mso-footer-margin: .5in;
    mso-paper-source: 0;
    z-index: 0;
    width: 100%;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    margin-left: 0;
    margin-top: 0 !important;
    margin-bottom: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    display: block !important;
    border: none !important;
  }
  #content {
    position: absolute;
    top: 0;
    left: 0;
  }
  .pdf-header {
    border: none;
    background-color: transparent;
  }
  .pdf-header:after {
    content: '';
    color: rgba(0, 0, 0, 0) !important;
  }
}
@page {
  size: auto;
  margin: 10mm;
}