p{font-family:Open Sans,sans-serif;font-weight:300}


input,textarea{-webkit-appearance:none;-webkit-border-radius:0}




ul{font-family:Open Sans,sans-serif;font-weight:300}

.mobileNavList {
  display         : flex;
  position        : absolute;
  top             : 10%;
  left            : calc((100% - 200px)/2);
  width           : 200px;
  height          : 60%;
  flex-wrap       : wrap;
  justify-content : center;
}

#submitButton {
  position : absolute;
  bottom   : 20px;
  width    : calc(100% - 40px);
}

button,
input,
select,
textarea {
  margin      : 0;
  font-family : inherit;
  font-size   : 100%;
}

#pp_WhatIsItalax {
  display          : flex;
  margin-top       : 50px;
  padding-top      : 50px;
  background-color : white;
  align-content    : start;
  /* height: 100%; */
}

.accordion {
  position         : relative;
  width            : calc(100% - 00px);
  height           : 80px;
  margin-left      : 0px;
  border           : none;
  border-top       : 1px solid rgba(0,0,0,.2);
  background-color : white;
  outline          : none;
  text-align       : left;
  font-size        : 18px;
  font-weight      : 700;
  transition       : 0.4s;
  cursor           : pointer;
  /* margin-top:5px; */
  /* margin-bottom: 5px; */
  /* border-width: 1px; */
  /* padding-left: 50px; */
}

.accordion:hover,
.active {
  background-color : rgba(0,0,0,0);
}

.panel {
  max-height       : 0;
  padding          : 0 18px;
  overflow         : hidden;
  background-color : white;
  transition       : max-height 0.2s ease-out;
}

.closeFriendlyModal {
  position : absolute;
  top      : 0px;
  right    : 0px;
  width    : 20px;
  height   : 20px;
  padding  : 14px;
  color    : black;
}

#modal-contact-success {
  display    : none;
  position   : absolute;
  top        : 50%;
  left       : 10%;
  width      : 80%;
  text-align : center!important;
}

.closeFriendlyModal:hover {
  background-color : black;
}

.closeFriendlyModal:hover > svg {
  fill: #fff;
}

@media
  screen
  and (min-width : 830px) {
  #contactFormSupport {
    position         : relative;
    top              : calc((100% - 510px)/2);
    left             : calc((100% - 450px)/2);
    width            : 80%;
    max-width        : 450px;
    height           : 80%;
    max-height       : 400px;
    padding          : 20px;
    background-color : white;
    box-shadow       : 0 0 30px rgba(255,255,255,.2);
  }
}

@media
  screen
  and (min-width : 830px) {
  #contactFormEnquiry {
    position         : relative;
    top              : calc((100% - 510px)/2);
    left             : calc((100% - 450px)/2);
    width            : 80%;
    max-width        : 450px;
    height           : 80%;
    max-height       : 290px;
    padding          : 20px;
    background-color : white;
    box-shadow       : 0 0 30px rgba(255,255,255,.2);
  }
}

@media
  screen
  and (max-width : 829px) {
  #submitButton {
    position : absolute;
    bottom   : 20px;
    left     : 20px;
  }

  #contactFormSupport {
    position         : relative;
    top              : calc((100% - 540px)/2);
    left             : calc((10% - 20px));
    width            : 80%;
    height           : 500px;
    max-height       : 540px;
    padding          : 20px;
    background-color : white;
    box-shadow       : 0 0 30px rgba(255,255,255,.2);
    /* max-width: 450px; */
  }

  #contactFormEnquiry {
    position         : relative;
    top              : calc((100% - 490px)/2);
    left             : calc((10% - 20px));
    width            : 80%;
    height           : 80%;
    max-height       : 410px;
    padding          : 20px;
    background-color : white;
    box-shadow       : 0 0 30px rgba(255,255,255,.2);
    /* min-height: 390px; */
  }
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color : rgba(0,0,0,.5) !important;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color : rgba(0,0,0,.5) !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color : rgba(0,0,0,.5) !important;
}

#fNameField,
#lNameField {
  z-index : 200000;
  width   : calc(100%);
}

#fNameField {
  left : calc(0% + 20px);
}

#lNameField {
  left : calc(50% + 10px);
}

#messageField {}

@media
  screen
  and (min-width : 830px) {
  #fNameField,
  #lNameField {
    position : absolute;
    width    : calc(50% - 30px);
  }

  #messageField {
    position : absolute;
    bottom   : 20px;
    width    : calc(100% - 40px)!important;
  }
}

#FormHeader {
  margin-bottom : 20px;
  text-align    : center;
}

input[type=email],
select,
textarea {
  box-sizing    : border-box;
  width         : 100%;
  margin-top    : 6px;
  margin-bottom : 16px;
  padding       : 12px;
  border        : 1px solid #ccc;
  resize        : none /* Allow the user to vertically resize the textarea (not horizontally) */;
  /* Full width */
  /* Some padding */
  /* Gray border */
  /* Make sure that padding and width stays in place */
  /* Add a top margin */
  /* Bottom margin */
}

/* Style inputs with type="text", select elements and textareas */

input[type=text],
select,
textarea {
  box-sizing    : border-box;
  width         : 100%;
  margin-top    : 6px;
  margin-bottom : 16px;
  padding       : 12px;
  border        : 1px solid #ccc;
  resize        : none /* Allow the user to vertically resize the textarea (not horizontally) */;
  /* Full width */
  /* Some padding */
  /* Gray border */
  /* Make sure that padding and width stays in place */
  /* Add a top margin */
  /* Bottom margin */
}

/* Style the submit button with a specific background color etc */

input[type=submit] {
  width            : 100%;
  padding          : 12px 20px;
  color            : white;
  border           : 4px solid black !important;
  border           : none;
  background-color : rgba(0,0,0,1);
  cursor           : pointer;
  /* opacity:.5; */
  /* border-radius: 4px; */
}

/* When moving the mouse over the submit button, add a darker green color */

input[type=submit]:hover {
  color            : white;
  opacity          : 1;
  background-color : black;
  /* filter:invert(100%) */
}

/* Add a background color and some padding around the form */

.container {
  padding          : 20px;
  border-radius    : 5px;
  background-color : #f2f2f2;
}

#friendlyModal {
  z-index          : 2;
  display          : none;
  position         : fixed;
  right            : 0%;
  bottom           : 0%;
  width            : 100%;
  height           : 100%;
  padding-top      : 10px;
  overflow         : hidden;
  background-color : rgba(0,0,0,.85);
  align-content    : center;
  justify-content  : center;
}

#friendlyModal p {
  width       : 120px;
  margin-left : 10px;
  padding     : 5px;
  color       : white;
  overflow    : hidden;
  text-align  : center;
  font-size   : 10pt;
}

button,
input {
  line-height : normal;
}

button,
select {
  text-transform : none;
}

#friendlyModal span,
#modal-contact-success span {
  font-family : 'Open Sans',
                sans-serif;
}

#centerMe {
  display         : flex;
  width           : 100%;
  height          : 100%;
  align-content   : center;
  justify-content : center;
}

#manual_section {
  position        : relative;
  width           : 100%;
  height          : 100%;
  align-content   : center;
  justify-content : center;
}

.downloadHolder h2 {
  text-align : center;
}

#pp_Features {
  height           : 50% !important;
  background-color : white;
}

@media
  screen
  and (max-width : 829px) {
  .subHeading {
    font-size   : 30px !important;
    font-weight : 300!important;
  }
}

@media
  screen
  and (min-width : 830px) {
  .subHeading {
    margin-top    : -33px;
    margin-bottom : 40px;
    font-size     : 30px !important;
    font-weight   : 300!important;
  }
}

@media screen and (min-width : 0px)
  and (max-width : 829px) {
  .subHeading {
    position    : absolute;
    left        : calc((100% - 240px)/2);
    width       : 240px;
    margin-top  : -10px;
    font-size   : 14.75px !important;
    font-weight : 300!important;
    /* padding-left: 5px; */
  }
}
@media screen and (min-width : 0px)  and (max-width : 829px) {

  .downloadHolder {
    overflow-y: scroll;
    display         : flex;
    position        : relative;
    /* top             : 15%; */
    height          : 100%;
    margin-right    : auto;
    margin-left     : auto;
    align-content   : center;
     align-self      : center;
     /* justify-content : center; */
  }}

  @media screen and (min-width : 830px) {


.downloadHolder {
  overflow-y: scroll;
  display         : flex;
  position        : relative;
  /* top             : 15%; */
  height          : 500px;
  margin-right    : auto;
  margin-left     : auto;
  align-content   : center;
   align-self      : center;
   justify-content : center;
}
}

.downloadHolder ul {
  /* position        : absolute; */
  margin-top      : 10px;
  color           : black;
  text-decoration : none;
  /* list-style      : none; */
}

@media
  screen
  and (min-width : 0px)
  and (max-width : 829px) {
  .downloadHolder ul {
/* padding-left: 0px */
}
}

.downloadHolder li {
  margin-top    : 15px;
  margin-bottom : 15px;
}

.downloadHolder a {
  color : black;
}

.downloadHolder a:hover {
  border-bottom : 4px solid black;
}

.productName {
  position      : absolute;
  height        : 100%;
  margin-top    : 10px;
  margin-left   : 10px;
  align-content : center;
  font-size     : 24px;
}

.productName a {
  position : absolute;
  top      : 0;
  left     : 0;
  color    : rgb(0,0,0);
}

li span {
  border-bottom   : 4px solid black;
  text-decoration : none;
}

.line1 {
  top        : 0%;
  width      : 100%;
  height     : 20%;
  margin-top : 20px;
  /* margin-top: 5%; */
}

.line1 span {
  font-size : 36px !important;
}

.line2 {
  position : absolute;
  top      : 20%;
  width    : 100%;
  height   : 10%;
}

.line3 {
  position   : absolute;
  top        : 40%;
  width      : 100%;
  height     : 30%;
  text-align : center;
}

.line3 li {
  font-size   : 24px;
  line-height : 40px;
  list-style  : none;
}

#priceBlock {
  position         : relative;
  top              : 25%;
  left             : calc((100% - 340px)/2);
  width            : 340px;
  height           : 340px;
  border           : 4px solid black;
  background-color : white;
  align-content    : center;
  justify-content  : center;
  /* align-self: center; */
  /* margin-left:auto; */
  /* margin-right: auto; */
  /* display:flex; */
  /* min-width:375px; */
  /* max-width:425px; */
}

@media
  screen
  and (min-width : 0px)
  and (max-width : 829px) {
  #priceBlock {
    display          : flex;
    position         : relative;
    top              : 25%;
    left             : calc((100% - 250px)/2);
    width            : 250px;
    max-width        : 425px;
    height           : 300px;
    border           : 4px solid black;
    background-color : white;
    align-content    : center;
    align-self       : center;
    justify-content  : center;
    /* margin-left:auto; */
    /* margin-right: auto; */
    /* min-width:375px; */
  }
}

#priceBlock span {
  display        : block;
  text-align     : center;
  vertical-align : middle;
  font-size      : 48px;
}

#supportBlock > div {
  left   : calc((100% - 300px)/2);
  width  : 300px;
  height : 25%;
  margin : 10px 0px 10px 0px;
  /* margin:5px; */
}

@media
  screen
  and (min-width : 0px)
  and (max-width : 829px) {
  #supportBlock > div {
    left   : calc((100% - 250px)/2);
    width  : 250px;
    height : 25%;
    margin : 10px 0px 10px 0px;
    /* margin:5px; */
  }
}

#supportBlock {
  display         : flex;
  position        : relative;
  top             : 25%;
  left            : calc((100% - 300px)/2);
  width           : 300px;
  height          : 382px;
  margin-top      : -36px;
  align-content   : space-between;
  align-self      : center;
  flex-wrap       : wrap;
  justify-content : space-between;
}

#supportBlock span {
  display    : flex;
  margin-top : 2px;
  font-size  : 20px;
}

.supportItem,
.supportItem1 {
  border : 4px solid rgba(0, 0, 0, 1);
  cursor : pointer;
}

.supportItem1 img {
  width       : auto !important;
  height      : 22px!important;
  margin-top  : 3px;
  margin-left : 10px;
}

.supportItem img {
  width       : 24px;
  height      : 16px;
  margin-top  : 5px;
  margin-left : 10px;
}

.supportItem,
.supportItem1 {
  display          : flex;
  position         : relative;
  width            : calc(50% - 18px);
  height           : calc(50%);
  background-color : white;
  text-align       : center;
  justify-content  : center;
}

.supportItem span,
.supportItem1 span {
  position : absolute;
  top      : calc(50% - 12px);
  height   : 100%;
  height   : 24px;
  width: 100%;
  left: 0;
  justify-content: center;
  align-items: center;
}

#supportBlock > div:hover {
  color            : white;
  background-color : black;
}

.supportItem1:hover {
  width            : calc(100%);
  height           : calc(50%);
  background-color : black;
}

.supportItem:hover {
  width            : calc(50% - 18px);
  height           : calc(50%);
  background-color : black;
}

@media
  screen
  and (min-width : 0px)
  and (max-width : 829px) {
  #headLine {
    min-width        : 220px;
    min-height       : 400px;
    margin-top       : 50px;
    margin-bottom    : 10px;
    margin-left      : auto;
    padding-top      : 50px;
    color            : black;
    background-color : white;
    text-align       : left;
    text-align       : center;
    font-size        : calc(57px + 0vw);
  }
}

#PriceBlockDL {
  display         : flex;
  width           : 100%;
  justify-content : center;
}

@media
  screen
  and (min-width : 830px) {
  span#ted {
    margin-left : -7px;
  }

  #headLine {
    margin-top       : 20px;
    margin-bottom    : 10px;
    margin-left      : auto;
    color            : black;
    background-color : white;
    text-align       : center;
    text-align       : center;
    font-size        : calc(115px + 0vw);
  }
}

#pageQuestion {
  display         : flex;
  color           : black;
  text-align      : center;
  font-size       : 40px;
  justify-content : center;
}

@media
  screen
  and (max-width : 829px) {
  #pageQuestion {
    /* width: 300px; */
    display         : flex;
    margin-left     : 3px;
    padding         : 0px 0px 0px 0px;
    color           : black;
    text-align      : center;
    font-size       : 44px;
    justify-content : center;
    /* left: 100px; */
    /* align-content: center; */
  }
}

input[type="search"] {
  -moz-box-sizing    : content-box;
  -webkit-box-sizing : content-box;
  box-sizing         : content-box;
  -webkit-appearance : textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance : none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding : 0;
  border  : 0;
}

textarea {
  vertical-align : top;
}

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

nav ul {
  margin          : 0;
  padding         : 0;
  list-style-type : none;
}

#ItalaxLogo {
  /* background-color:red; */
  font-weight : 600;
}

@media
  screen
  and (max-width : 829px) {
  #ItalaxLogo {
    margin-left : 10px;
  }
}

@media
  screen
  and (min-width : 830px) {
  #ItalaxLogo {
    margin-left : 0px;
  }
}

a,
a:visited {
  text-decoration : none;
}

body {
  display     : none;
  font-family : 'Open Sans',
                sans-serif;
}

:root {
  --main-text-color : rgba(0, 0, 0, 1);
}

#crossModal {
  display      : block;
  width        : 15px;
  margin-right : auto;
  margin-left  : auto;
}

.mobile-modal-content-resize {
  z-index          : 1;
  display          : none;
  position         : fixed;
  left             : -500%;
  width            : 100%;
  height           : 100%;
  padding-top      : 50px;
  background-color : #ffffff;
}

.mobile-modal-content {
  z-index                    : 1;
  display                    : none;
  position                   : fixed;
  left                       : -500%;
  width                      : 100%;
  height                     : 100%;
  padding-top                : 50px;
  background-color           : #ffffff;
  -webkit-animation-duration : .8s;
  animation-duration         : .8s;
  -webkit-animation-name     : slideOut;
  animation-name             : slideOut;
}

.mobile-modal-content li {
  display : block;
  height  : 16%;
}

.mobile-modal-content li a {
  display    : block;
  color      : grey;
  text-align : center;
  font-size  : 7vh;
}

.mobile-modal-content li.active a {
  display : block;
  color   : #000000;
}

.mobile-modal-content-show {
  z-index                    : 1;
  position                   : fixed;
  top                        : 0%;
  width                      : 100%;
  height                     : 100%;
  margin-top                 : 50px;
  padding-bottom             : 23%;
  background-color           : #ffffff;
  -webkit-animation-duration : .8s;
  animation-duration         : .8s;
  -webkit-animation-name     : slideIn;
  animation-name             : slideIn;
  /* padding-top: 33%; */
}

.mobile-modal-content-show li {
  display : block;
  height  : 16%;
}

.mobile-modal-content-show li a {
  display    : block;
  color      : grey;
  text-align : center;
  font-size  : 7vh;
}

.mobile-modal-content-show li.active a {
  display : block;
  color   : #000000;
}

@-webkit-keyframes slideIn {
  from {
    top : -100%;
  }

  to {
    top : 0;
  }
}

#fp-nav ul li .fp-tooltip {
  color : black !important;
}

@keyframes slideIn {
  from {
    top : -100%;
  }

  to {
    top : 0;
  }
}

@-webkit-keyframes slideOut {
  from {
    top : 0;
  }

  to {
    top : -100%;
  }
}

@keyframes slideOut {
  from {
    top : 0;
  }

  to {
    top : -100%;
  }
}



input::placeholder {
  color : var(--main-text-color);
}

h1,
h2,
h3,
h4,
html {
  color : var(--main-text-color);
}

h1,
h2,
h3,
h4 {
  text-align : center;
}

#splash {
  display          : flex;
  width            : 100%;
  background-color : white;
  align-items      : center;
  justify-content  : center;

}

h1 {

font-size: 30px;

}

.close_4 {
  float           : right;
  color           : #aaa;
  text-decoration : none;
  font-size       : 40px;
  font-weight     : bold;
}

.close_4:hover {
  color  : #000;
  cursor : pointer;
}

.contactDetails {
  text-align : center;
  font-size  : 1.5em;
}

input {
  margin  : 0px;
  padding : 0px;
  border  : 0px;
}



@media
  screen
  and (min-width : 0px)
  and (max-width : 829px) {
  #navbarNew {
    display : none;
  }



  input::placeholder {
    color : rgba(0, 0, 0, .9);
  }



  .mobile-menu {
    z-index          : 1;
    position         : fixed;
    width            : 100%;
    height           : 50px;
    background-color : #fff;
    align-items      : center;
    justify-content  : center;
  }

  .mobile-menu img {
    position    : absolute;
    top         : 0;
    right       : 0;
    bottom      : 0;
    left        : 0;
    width       : auto;
    max-height  : 25px;
    float       : left;
    margin      : auto;
    margin-left : 15px;
  }

  .mobile-menu #myMobileBtn {
    position         : fixed;
    right            : 0;
    width            : 50px;
    height           : 50px;
    margin-right     : 0px;
    padding          : 10px;
    border           : none;
    background-color : white;
    cursor           : pointer;
  }

  .mobile-menu #cross path,
  .mobile-menu #hamburger path {
    fill : #000;
  }

  .mobile-menu-open {
    /*border-bottom: 1px solid black !important; */
    z-index          : 1;
    position         : fixed;
    width            : 100%;
    height           : 50px;
    background-color : #ffffff;
    align-items      : center;
    justify-content  : center;
  }

  .mobile-menu-open img {
    position    : absolute;
    top         : 0;
    right       : 0;
    bottom      : 0;
    left        : 0;
    width       : auto;
    max-height  : 25px;
    float       : left;
    margin      : auto;
    margin-left : 15px;
    filter      : invert(100%);
  }

  .mobile-menu-open #myMobileBtn {
    position         : fixed;
    right            : 0;
    width            : 50px;
    height           : 50px;
    margin-right     : 0px;
    padding          : 10px;
    border           : none;
    background-color : #ffffff;
    cursor           : pointer;
  }

  .mobile-menu-open #cross path,
  .mobile-menu-open #hamburger path {
    // fill: #fff
  }

  #hamburger {
    display      : block;
    width        : 25px;
    height       : 100%;
    margin-top   : -5px;
    margin-right : auto;
    margin-left  : auto;
  }

  #cross {
    display      : none;
    width        : 18px;
    margin-top   : -8px;
    margin-right : auto;
    margin-left  : auto;
  }



  p {
    color : rgba(0, 0, 0, .9);
  }

  p,
  quote {
    display     : block;
    text-align  : center;
    font-size   : .8em;
    line-height : 1.4em;
  }

  quote {
    margin-left : 15px;
    color       : rgba(0, 0, 0, .25);
    font-style  : italic;
  }

  .contentBlock {
    height: 80%;
    display  : block;
    position : relative;
    left     : 10%;
    width    : 80%;
    padding  : 0;
    top: 10%;
  }

  .aboutImage img {
    width : 100%;
  }
}

@media
  screen
  and (max-width : 829px) {
  #CTAContainer {
    display         : flex;
    position        : absolute;
    left            : calc((100% - 273px)/2);
    max-width       : 273px;
    height          : 160px;
    margin-top      : 40px;
    flex-wrap       : wrap;
    justify-content : space-around;
    /* width: 80%; */
  }
}

@media
  screen
  and (min-width : 830px) {
  #CTAContainer {
    display         : flex;
    position        : absolute;
    left            : calc((100% - 480px)/2 );
    width           : 80%;
    max-width       : 480px;
    height          : 200px;
    flex-wrap       : wrap;
    justify-content : space-around;
  }
}

#CTAContainer > div {
  display          : flex;
  width            : 40%;
  min-width        : 200px;
  height           : 40px;
  padding          : 10px;
  border           : 4px solid black;
  background-color : white;
  cursor           : pointer;
  align-items: center;
  /* left:48%; */
  /* align-content: center; justify-content: center; */
}

#CTAContainer > div > span{
  padding-top: 0;
}

#CTAContainer > div > img{
  margin-top: 0;
}

@media
  screen
  and (max-width : 829px) {
  #CTAContainer > div {
    cursor : pointer;
  }
}

#download {
  display          : flex;
  width            : 200px;
  height           : 40px;
  padding          : 10px;
  border           : 4px solid black;
  background-color : red;
  background-color : white;
  align-content    : center;
  justify-content  : center;
}

#download span {
  width       : 80%;
  padding-top : 10px;
  font-size   : 18px;
}

#enquire span {
  width       : 80%;
  padding-top : 10px;
  font-size   : 18px;
}

#enquire img {
  width      : 20px;
  margin-top : 5px;
  height: 19px;
}

#download img {
  height     : 16px;
  margin-top : 14px;
}

#download:hover {
  color            : white;
  background-color : black;
}

#enquire:hover {
  color            : white;
  background-color : black;
}

.backTo path {
  color : white;
}

#splash > div{
  display: block;
}

@media
  screen
  and (min-width : 830px) {
  .contentBlock {
height:80%;
top:10%;
    display      : block;
    width        : 80%;
    /* padding-top   : 50px; */
    margin-right : auto;
    margin-left  : 10%;
  }



  ul {
    margin-left  : 0px;
    padding-left : 20px;
    /* padding-top:10px; */
  }

  #menu li a:hover {
    color            : rgba(255, 255, 255, 1);
    background-color : black;
  }

  #menu li a {
    color : var(--main-text-color);
    color: #000;
  }

  #menu li.active a {
    color : #000;
  }

  #footer {
    display : none;
  }

  #navbarNew {
    /* margin-top:-10px; */
    /* height: 50px; */
    z-index    : 1;
    display    : inline;
    position   : fixed;
    width      : 100%;
    min-width  : 730px;
    height     : 50px;
    text-align : right;
  }

  #wrapper {
    /* top:-50px; */
  }

  #CTAHolder {
    /* background-color: red; */
    height     : 100%;
    min-height : 400px;
  }

  #headerLogo {
    background-color : red;
  }

  #navbarNew li {
    display        : inline;
    margin-right   : 10px;
    margin-left    : 10px;
    text-transform : uppercase;
  }

  #navbarNew img {
    width          : 200px;
    min-width      : 150px;
    vertical-align : middle;
  }

  #navbarNew a {
    display        : inline;
    margin-right   : 10px;
    margin-left    : 10px;
    vertical-align : middle;
  }

  .aboutImage img {
    display       : block;
    width         : 50%;
    margin-right  : auto;
    margin-bottom : 20px;
    margin-left   : auto;
  }

  .bio {
    display      : block;
    width        : 80%;
    margin-right : auto;
    margin-left  : auto;
    color        : var(--main-text-color);
  }

  .bio p {
    padding-right : 15px;
  }

  .bio quote {
    padding-right : 40px;
  }

  p,
  quote {
    display     : block;
    font-size   : 1.1em;
    line-height : 1.35em;
  }

  quote {
    margin-left : 40px;
    color       : var(--light-text-color);
    font-style  : italic;
  }

  .mobile-menu {
    display : none;
  }
}