/* constants */
/* #048ba8; #d3d0cb;*/
/* functions */
/* mixins */
body {
  background-color: black;
  color: white;
  font-family: "Spartan", sans-serif;
  font-size: 1.1em;
  line-height: 1.5em; }
  @media (min-width: 600px) {
    body {
      background-attachment: fixed;
      background-image: url("../img/background_1200px.png");
      background-position: center center;
      /*background-position: center top;*/
      background-repeat: no-repeat;
      background-size: cover !important;
      /*background-size: 100% 410px;*/ } }

a:link, a:visited {
  color: #6096ba;
  text-decoration: none; }
a:hover {
  color: #274c77; }

p {
  padding-bottom: 1em; }

#container {
  background-color: rgba(0, 0, 0, 0.6);
  margin: 0 auto 0 auto; }
  @media (min-width: 900px) {
    #container {
      background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.6) 100px, rgba(0, 0, 0, 0.6) 50%, transparent 50%, transparent 100%), linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.6) 100px, rgba(0, 0, 0, 0.6) 50%, transparent 50%, transparent 100%);
      padding-left: 100px;
      padding-right: 100px;
      width: calc(100% - 200px);
      background-color: transparent;
      max-width: 900px; } }
  @media (min-width: 1200px) {
    #container {
      background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.6) 200px, rgba(0, 0, 0, 0.6) 50%, transparent 50%, transparent 100%), linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.6) 200px, rgba(0, 0, 0, 0.6) 50%, transparent 50%, transparent 100%);
      padding-left: 200px;
      padding-right: 200px;
      width: calc(100% - 400px);
      max-width: 1000px; } }
  @media (min-width: 1800px) {
    #container {
      background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.6) 400px, rgba(0, 0, 0, 0.6) 50%, transparent 50%, transparent 100%), linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.6) 400px, rgba(0, 0, 0, 0.6) 50%, transparent 50%, transparent 100%);
      padding-left: 400px;
      padding-right: 400px;
      width: calc(100% - 800px);
      max-width: 1200px; } }
  #container header, #container section, #container footer {
    clear: both;
    margin: 0 auto 0 auto; }
    @media (min-width: 1200px) {
      #container header, #container section, #container footer {
        padding-left: 5%;
        padding-right: 5%; } }
  #container fieldset {
    border: 0.4em solid #336699;
    border-radius: 0.8em;
    clear: both;
    margin: 0 5% 0 5%;
    padding: 1.0em;
    transition: all 0.6s ease-in; }
    #container fieldset legend {
      font-size: 0.8em;
      font-weight: bold;
      line-height: 0;
      /* needed to remove margin */
      padding: 0 0.5em 0 0.5em; }
  #container p {
    margin: 0.7em 0 0.7em 0;
    padding-left: 5%;
    padding-right: 5%;
    text-align: left;
    text-justify: auto; }
  #container header {
    text-align: center; }
    #container header h1 {
      color: white;
      content: "";
      margin: 0;
      padding: 1em 0.4em 0em 0.4em; }
      @media (min-width: 600px) {
        #container header h1 {
          padding: 1em; } }
    #container header img {
      max-width: 700px;
      width: 100%; }
  #container section {
    background-color: transparent;
    margin: 2em auto 0 auto; }
    #container section h2 {
      background-color: #143642;
      /*background-image: linear-gradient(to right, 
      	rgba($h2_background_color, 0.1) 0%,
      	rgba($h2_background_color, 0.8) 20%,
      	rgba($h2_background_color, 0.8) 80%,
      	rgba($h2_background_color, 0.1) 100%);*/
      color: white;
      font-size: 1.2em;
      font-weight: normal;
      margin: 0 0 0em 0;
      padding: 0.5em 0 0.5em 0;
      text-align: center; }
      @media (min-width: 600px) {
        #container section h2 {
          background-color: rgba(20, 54, 66, 0.6);
          /*background-image: linear-gradient(to right, 
          	rgba($h2_background_color, 0.8), 
          	rgba($h2_background_color, 0.6) 50%, 
          	rgba($h2_background_color, 0.4) 90%, 
          	transparent);*/
          padding: 1em 0 1em 5%;
          text-align: left; } }
      @media (min-width: 900px) {
        #container section h2 {
          border-radius: 0.3em; } }
    #container section figure {
      display: block;
      margin: 0.7em auto 0 auto;
      text-align: center; }
      @media (min-width: 600px) {
        #container section figure {
          float: right;
          margin: 0.7em 0 1em 1em;
          padding-right: 5%;
          width: 35%; } }
      #container section figure img {
        max-height: 100px;
        padding: 0; }
        @media (min-width: 600px) {
          #container section figure img {
            max-height: 115px; } }
        @media (min-width: 900px) {
          #container section figure img {
            max-height: none; } }
    #container section .signature {
      text-align: left; }
  #container #skills .filter label {
    display: block;
    margin-top: 1em;
    width: 125px; }
    @media (min-width: 600px) {
      #container #skills .filter label {
        display: inline-block; } }
  #container #skills .filter select {
    height: 2.0em;
    width: 100%; }
    @media (min-width: 600px) {
      #container #skills .filter select {
        width: 400px; } }
  #container #skills #experience {
    border: 1px solid #4d4d4d;
    border-radius: 0.5em;
    border-spacing: 0;
    min-height: 200px;
    margin-top: 2em;
    padding: 15px; }
    #container #skills #experience h3 {
      margin-top: 0; }
    #container #skills #experience ul {
      list-style-position: inside;
      margin: 0;
      padding: 0; }
      #container #skills #experience ul li {
        padding: 10px 0; }
  #container address {
    font-style: normal; }
    #container address label {
      display: inline-block;
      width: 3.5em; }
  #container footer {
    color: #88a0a8;
    padding-bottom: 2em;
    padding-top: 2em; }
    #container footer hr {
      border: 0.5px solid #88a0a8;
      margin: 0 auto 2em auto;
      width: 80%; }
    #container footer p {
      font-size: 0.7em;
      line-height: 1.2em; }

.grecaptcha-badge {
  visibility: hidden; }

/*# sourceMappingURL=site.css.map */