/* line 1, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
.greyspace {
  z-index: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #eee;
}

/* line 10, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
[role='footer'] {
  z-index: 0;
  position: fixed;
  width: 100%;
  height: 250px;
  background: black;
  color: white;
  bottom: 0;
  left: 0;
}

/* line 20, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
.content-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
/* line 27, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
.content-container h5 {
  text-align: center;
}

/* line 33, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
.footer-content {
  max-width: 20em;
  margin-left: 75px;
  margin-right: 75px;
}

/* line 40, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
.footer-links {
  display: flex;
  justify-content: center;
  margin-top: -15px;
}
/* line 45, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
.footer-links ul {
  list-style-type: none;
  list-style: none;
  padding: 0 !important;
}
/* line 51, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
.footer-links li {
  list-style: none;
  display: inline;
}
/* line 56, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/footer.css.scss */
.footer-links a {
  text-decoration: none;
  margin-right: 7.5px;
  margin-left: 7.5px;
  color: #666;
}
/* line 1, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.top {
  position: fixed;
  height: 50px;
  width: 100%;
  z-index: 100;
  top: 0;
  color: white;
  transition: 1200ms;
}
/* line 10, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.top a:visited {
  color: white;
}

/* line 16, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteout {
  position: fixed;
  height: 50px;
  width: 100%;
  z-index: 100;
  background-color: white;
  color: black !important;
  top: 0;
  transition: 1200ms;
  border-bottom: 1px solid #665;
}
/* line 27, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteout a:visited {
  color: #666 !important;
}
/* line 31, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteout a:hover {
  color: #E6E6E6;
}
/* line 35, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteout a {
  color: #666 !important;
}
/* line 39, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteout a:hover {
  color: #E6E6E6 !important;
  transition: 500ms;
}
/* line 44, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteout .brand a {
  color: #666 !important;
}

/* line 49, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteoutII {
  position: fixed;
  height: 50px;
  width: 100%;
  z-index: 100;
  background-color: white;
  color: black !important;
  top: 0;
  transition: 1200ms;
  border-bottom: 1px solid #665;
}
/* line 60, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteoutII a:visited {
  color: #666 !important;
}
/* line 64, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteoutII a {
  color: #666 !important;
}
/* line 68, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteoutII a:hover {
  color: #E6E6E6 !important;
  transition: 500ms;
}
/* line 73, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.whiteoutII .navbar .top .brand a {
  color: #666 !important;
}

/* line 78, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.navbar .brand a {
  float: left;
  display: fixed;
  color: white;
  margin-left: 20px;
  margin-top: -5px;
}

/* line 86, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.navlinks {
  float: right;
  display: block;
  list-style: none;
  margin-right: 20px;
  margin-top: -15px;
}
/* line 93, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.navlinks ul {
  list-style-type: none;
  list-style: none;
}
/* line 98, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.navlinks li {
  list-style: none;
  display: inline;
}
/* line 103, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.navlinks a {
  text-decoration: none;
  margin-right: 15px;
  color: white;
}
/* line 109, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
.navlinks a:visited {
  color: white;
}

/* line 114, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/navbar.css.scss */
a:hover {
  color: #E6E6E6 !important;
  transition: 500ms;
}
/* line 1, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/preloader.css.scss */
.preloader-container {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  z-index: 1000;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-animation: fade 3s ease-out;
  -moz-animation: fade 3s ease-out;
}

/* line 16, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/preloader.css.scss */
.svglogo {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

@-webkit-keyframes fade {
  0%, 90% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes fade {
  0%, 90% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* line 5, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
.project_page {
  position: relative;
  z-index: 10;
  height: 100%;
  margin-top: 50px;
  margin-bottom: 250px;
  background: white;
}
/* line 13, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
.project_page img {
  margin: 15px auto 15px !important;
  display: flex;
  justify-content: center;
  height: 80% !important;
  width: auto;
}
/* line 21, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
.project_page .project-img-well p {
  display: flex;
  justify-content: center;
}

/* line 27, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
.project {
  vertical-align: top;
}

/* line 31, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
.underline {
  border-bottom: 1px solid #666;
}

/* line 35, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
.project-img-well {
  display: block;
  height: 44vw !important;
  width: 80vw;
  padding: 20px;
  border: 1px solid black;
  margin: 55px auto 55px auto;
  box-shadow: 0px 0px 10px 1px #888888;
  transition: transform 500ms;
  background-size: cover !important;
}

/* line 47, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
.title-text-well {
  display: inline-block;
  height: 44vw !important;
  width: 80vw;
  min-width: 490px;
  padding: 20px;
  margin: 45px;
  vertical-align: top;
  line-height: 250%;
}

@media (min-width: 1281px) {
  /* line 64, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
  img {
    margin: 15px auto 15px !important;
    display: flex;
    justify-content: center;
    height: 80% !important;
    width: auto;
  }

  /* line 72, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
  .project-img-well {
    display: inline-block;
    height: 20vw !important;
    width: 38vw;
    min-width: 499px;
    padding: 20px;
    border: 1px solid black;
    margin: 45px;
    background-color: #d3d3d3;
    box-shadow: 0px 0px 10px 1px #888888;
    transition: transform 500ms;
    background-size: cover !important;
  }
  /* line 85, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
  .project-img-well p {
    margin: 5px;
  }

  /* line 93, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
  .title-text-well {
    display: inline-block;
    height: 20vw !important;
    width: 38vw;
    min-width: 490px;
    padding: 20px;
    margin: 45px;
    vertical-align: top;
    line-height: 250%;
  }
}
/* line 109, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/projects.css.scss */
.post-hover {
  color: #2F4F4F;
  opacity: 0.3;
}
/* line 4, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume {
  background: #eee;
  position: relative;
  padding: 50px 0px;
  z-index: 10;
  height: 100%;
  margin-bottom: 250px;
  background-color: #eee;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  background-color: #eee;
}
/* line 23, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .dotted-bottom {
  border-bottom: 2px dotted #ddd;
  padding: 12px 5px 14px;
}
/* line 28, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .dotted-top {
  border-top: 2px dotted #ddd;
  padding: 12px 5px 14px;
}
/* line 33, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .row {
  margin-left: -15px;
  margin-right: -15px;
}
/* line 38, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .container {
  margin: 10px auto;
  margin-right: auto;
  margin-top: 30px;
  padding: 20px 40px 5px;
  width: 850px;
  background: white;
  box-shadow: 0 0 0 1px #d1d1d1,0 0 4px 1px #ccc;
  overflow: hidden;
  position: 1000px;
}
/* line 51, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .contact {
  float: right;
  color: #bfbfbf;
  text-align: right;
  padding-top: 4px;
  line-height: 16px;
  display: inline;
}
/* line 60, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .contact p {
  color: #5D5D5D;
  font-size: 13px;
  margin: 0;
  padding: 0;
  line-height: 1.4;
}
/* line 68, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume p {
  color: #7f7f7f;
  margin: 0px;
}
/* line 73, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume h1 {
  float: left;
  text-transform: uppercase;
  font: 700 52px/52px 'Open Sans', sans-serif;
  text-size: 50px;
  letter-spacing: -2px;
  margin: 0 0 10px 0;
  color: black !important;
  text-shadow: none !important;
}
/* line 84, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume h2 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 22px;
  color: #bebebe;
  margin: 0 0 10px;
  letter-spacing: -1px;
  line-height: 1.1;
}
/* line 94, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume h3 {
  font-weight: 700;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 2px;
  line-height: 1.1;
}
/* line 102, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .resume ul {
  padding-left: 0px;
  color: #7f7f7f;
  margin: 0px;
}
/* line 108, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .resume li {
  list-style: none;
}
/* line 112, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume li:before {
  content: "- ";
  font-size: 18px;
  line-height: 19px;
  vertical-align: top;
}
/* line 119, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .work-item {
  padding: 0px 0px 10px;
}
/* line 124, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .work-item .date {
  margin-top: -18px;
  font-weight: 400;
  float: right;
  color: #7f7f7f;
}
/* line 131, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .left-col {
  float: left;
  width: 23%;
}
/* line 136, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .interests ul {
  padding-left: 5px;
}
/* line 140, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .interests li {
  display: inline;
}
/* line 144, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .footer {
  text-transform: uppercase;
  font-weight: 400;
  color: #bfbfbf;
  padding: 10px 5px;
}

/* line 153, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume p {
  color: #7f7f7f;
  margin: 0px;
}

/* line 158, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume h1 {
  float: left;
  text-transform: uppercase;
  font: 700 52px/52px 'Open Sans', sans-serif;
  text-size: 50px;
  letter-spacing: -2px;
  margin: 0 0 10px 0;
  color: black !important;
  text-shadow: none !important;
}

/* line 169, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume h2 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 22px;
  color: #bebebe;
  margin: 0 0 10px;
  letter-spacing: -1px;
  line-height: 1.1;
}

/* line 179, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume h3 {
  font-weight: 700;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 2px;
  line-height: 1.1;
}

/* line 187, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.work-item p {
  padding-right: 120px;
  font-size: 14px;
}

/* line 192, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume li {
  list-style: none;
}

/* line 196, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/resume-stylesheet.css.scss */
.resume .resumeheader {
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 70px;
}
/* line 1, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
body {
  background-color: #fff;
  color: #333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

/* line 9, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

/* line 15, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

/* line 21, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
a {
  color: #000;
}
/* line 24, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
a:visited {
  color: #666;
}

/* line 31, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
div.field, div.actions {
  margin-bottom: 10px;
}

/* line 36, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
#notice {
  color: green;
}

/* line 40, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

/* line 46, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}
/* line 54, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  margin-bottom: 0px;
  background-color: #c00;
  color: #fff;
}
/* line 65, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/scaffolds.scss */
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}
/* line 7, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/welcome.scss */
.top_intro.full_image {
  display: block;
  background-image: url("https://s3.amazonaws.com/devplayground/portfolio/background.png");
  background-size: cover;
  background-position: center;
  height: 590px;
  margin-top: -40px;
  left: 0;
  position: relative;
}

/* line 19, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/welcome.scss */
.header {
  top: 45%;
  color: white;
  margin: 0 !important;
  text-align: center;
  position: relative;
}
/* line 26, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/welcome.scss */
.header h1 {
  font-size: 50px;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.75);
}
/* line 31, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/welcome.scss */
.header h2 {
  font-size: 30px;
}

/* line 37, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/welcome.scss */
.textbody {
  margin-top: 50px;
  margin-left: 20%;
  margin-right: 20%;
}

/* line 43, /home/bractr/projects/portfolio/travisbrace/app/assets/stylesheets/welcome.scss */
.whiteoutII .textbody {
  border-bottom: none;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 */


* {
font-family: 'Open Sans';
font-weight: 200;
}

p {
  font: 16px/26px 'Open Sans';
}

body {
  margin: 0;
}

.page {
  position: relative;
  z-index: 10;
  height: 100%;
  margin-bottom: 250px;
  background-color: white;
}

/*MOBILE STYLES*/

@media (max-width:600px) {
  .top {background-color:white;}
  .navlinks ul {padding-left: 0;display: flex;justify-content: space-around;width: 100vw;}
  .navlinks a {color:black !important;}

  .header {top:57%;}
  .header h2 {text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.75);}

  .title-text-well {min-width:0;margin-left:0;height: auto !important;margin-bottom:0;}

  .resume .container {width:80vw;}
  .resume h1 {font-size:7vw;}
  .resume .contact p {font-size:2.8vw;}
  .resume h2 {font-size:5.2vw;}
  .resume h3 {font-size:3.6vw;margin-top:4vw;}
  .work-item p {padding-right:0;}
  .resume .left-col {width:60%;}

  .footer-links {z-index:20;}

}

@media (max-width:500px) {
  .svglogo img {max-width:100vw;height:auto;}
  .brand {display:none;}
  .navlinks {float:none;margin-top:16px;}
  .top_intro.full_image {background-position:30%;}
  .page {margin-bottom:300px;}
  [role="footer"] {height:300px;}
  footer .content-container {display:block;}
}