.cd-words-wrapper {
  display:inline-block;
  position:relative;
  text-align:left;
  font-size:40px;
  font-family:'Montserrat';
  color:rgba(255,255,255,0.9);
}

@media (min-width: 576px) {
  .cd-words-wrapper {
    display:inline-block;
    position:relative;
    text-align:left;
    font-size:50px;
    color:rgba(255,255,255,0.9);
  }
}

@media (min-width: 768px) {
  .cd-words-wrapper {
    display:inline-block;
    position:relative;
    text-align:left;
    font-size:60px;
    color:rgba(255,255,255,0.9);
  }
}

.cd-words-wrapper b {
  display:inline-block;
  position:absolute;
  white-space:nowrap;
  left:0;
  top:0;
  color:rgba(255,255,255,0.9);
}

.blc {
  font-size:40px;
  color:rgba(255,255,255,0.9);
}

@media (min-width: 576px) {
  .blc {
    font-size:50px;
    color:rgba(255,255,255,0.9);
  }
}

@media (min-width: 768px) {
  .blc {
    font-size:60px;
    color:rgba(255,255,255,0.9);
  }
}

.cd-words-wrapper b.is-visible {
  position:relative;
}

.cd-headline.clip span {
  display:inline-block;
  padding:.2em 0;
}

.cd-headline.clip .cd-words-wrapper {
  overflow:hidden;
  vertical-align:top;
}

.cd-headline.clip b {
  opacity:0;
}

.cd-headline b.is-visible {
  opacity:1;
  font-weight:900;
}

#profile-image {
  width:110px;
  height:110px;
}

@media (min-width: 576px) {
  #profile-image {
    width:120px;
    height:120px;
  }
}

@media (min-width: 768px) {
  #profile-image {
    width:150px;
    height:150px;
  }
}

#social-icon {
  width:40px;
}

@media (min-width: 576px) {
  #social-icon {
    width:50px;
  }
}

@media (min-width: 768px) {
  #social-icon {
    width:60px;
  }
}

#navigation {
  background-color:rgba(0,0,0,0.63);
  color:rgba(0,0,0,0.01);
}

#brand {
  color:#ffffff;
  font-family:Montserrat, sans-serif;
  font-size:30;
}

#nav-option {
  font-size:13px;
  color:#ffffff;
  font-family:Montserrat, sans-serif;
}

#language-logo {
  width:115px;
}

#language-icon {
  width:70px;
  height:70px;
}

@media (min-width: 576px) {
  #language-icon {
    width:120px;
    height:120px;
  }
}

@media (min-width: 768px) {
  #language-icon {
    width:70px;
    height:70px;
  }
}

@media (min-width: 992px) {
  #language-icon {
    width:93px;
    height:93px;
  }
}

@media (min-width: 1200px) {
  #language-icon {
    width:110px;
    height:110px;
  }
}

#language-image {
  width:80px;
  height:80px;
}

@media (min-width: 576px) {
  #language-image {
    width:100px;
    height:100px;
  }
}

@media (min-width: 768px) {
  #language-image {
    width:67px;
    height:67px;
  }
}

@media (min-width: 992px) {
  #language-image {
    width:92px;
    height:92px;
  }
}

@media (min-width: 1200px) {
  #language-image {
    width:100px;
    height:100px;
  }
}

#language-col {
  width:100px;
}

#about-me-001 {
  padding-top:10%;
}

#about-me-container {
  padding-top:10vh;
}

#landing {
  width:100%;
  height:100vh;
  background-image:url("../../assets/img/Background005.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

#title-container {
}

#about-me-img {
  background-image:url("../../assets/img/snowman.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  width:200px;
  height:200px;
  box-shadow:none;
}

@media (min-width: 992px) {
  #about-me-img {
    background-image:url("../../assets/img/snowman.png");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    width:300px;
    height:300px;
    box-shadow:none;
  }
}

#about {
  background-color:rgb(29,128,159);
}

.text-center {
  font-weight:normal;
}

#about-me-heading {
  color:rgb(255,255,255);
  font-weight:500;
}

#employment-heading {
}

#education {
  background-color:#ffc600;
}

#drexel-img {
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  box-shadow:none;
}

#about-me-text {
  color:rgb(255,255,255);
}

#Skills {
  width:100%;
}

#skills-heading {
}

#skills-cont-left {
  width:50%;
}

#skills-cont-right {
  width:50%;
}

#language-img {
}

#projects {
  background-color:#1d809f;
}

#projects-and-fun {
  color:rgb(255,255,255);
}

#carousel-1 {
  width:100%;
  padding-right:10px;
  padding-left:10px;
  padding-bottom:0px;
}

#slide001 {
  background-image:url("../../assets/img/operationExadusCover.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

#slide002 {
  background-image:url("../../assets/img/snakeCover.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

#exodus-landing {
  background-image:url("../../assets/img/operationExadusCover.png");
}

#maze-landing {
}

#snake-landing {
  background-image:url("../../assets/img/snakeCover.png");
}

@media (min-width: 768px) {
  #Exodus-heading {
    color:rgb(255,255,255);
    font-weight:bold;
    font-size:60px;
  }
}

@media (min-width: 576px) {
  #Exodus-heading {
    color:rgb(255,255,255);
    font-weight:bold;
    font-size:50px;
  }
}

#Exodus-heading {
  color:rgb(255,255,255);
  font-weight:bold;
  font-size:35px;
}

#expierence-list-item {
  font-family:Montserrat, sans-serif;
}

#expierence-list {
}

#expierence-list-element {
  font-family:Montserrat, sans-serif;
  font-size:15px;
  margin-bottom:12px;
}

@media (min-width: 300px) {
  #menu {
    margin-top:2px;
    margin-left:0px;
  }
}

@media (min-width: 768px) {
  #menu {
    margin-top:2px;
    margin-left:-130px;
  }
}

#project-dropdown {
  font-size:13px;
  color:#ffffff;
  font-family:Montserrat, sans-serif;
  padding-left:-6px;
}

#video-Landing {
  width:100%;
  height:100vh;
}

#landing-column {
}

#Operation-Exodus-Landing {
  width:100%;
  height:100vh;
}

#Exodus-Landing-Video {
  height:100vh;
  width:100%;
  background-color:#000000;
}

#Video-Landing {
  background-color:#000000;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100vh;
}

#Exodus-Lanidng {
  width:100%;
  height:100vh;
}

#video-landing {
  padding-top:0px;
  padding-bottom:0px;
}

#about-project-text {
  color:rgb(255,255,255);
}

#project-responsibilities {
  background-color:rgb(255,255,255);
}

#contribution-text {
  font-family:Montserrat, sans-serif;
}

@media (min-width: 300px) {
  #contribution-box {
    height:409px;
  }
}

#contributions {
  background-color:rgb(238,244,247);
}

#contributions-subtitle {
  font-family:Montserrat, sans-serif;
}

#contribution-icon {
  color:rgb(20,133,238);
  font-size:60px;
}

#box {
  background-color:#ffffff;
  height:409px;
}

#box-link {
}

#Procedural-Generation {
}

#procedural-Heading {
  color:rgb(255,255,255);
}

#proc-gen-img-slider-img {
  width:450px;
  height:498px;
}

#level-room-design {
  background-color:#ffc600;
}

#enemy-intelligence {
  background-color:#00ffa3;
}

#proc-gen-img {
  width:100%;
  padding-top:10px;
  padding-right:10px;
  padding-bottom:10px;
  padding-left:10px;
}

#carousel-2 {
  width:250px;
}

@media (min-width: 576px) {
  #carousel-2 {
    width:150px;
  }
}

@media (min-width: 768px) {
  #carousel-2 {
    width:210px;
  }
}

@media (min-width: 992px) {
  #carousel-2 {
    width:280px;
  }
}

@media (min-width: 1200px) {
  #carousel-2 {
    width:325px;
  }
}

#carousel-3 {
  width:250px;
}

@media (min-width: 576px) {
  #carousel-3 {
    width:150px;
  }
}

@media (min-width: 768px) {
  #carousel-3 {
    width:210px;
  }
}

@media (min-width: 992px) {
  #carousel-3 {
    width:280px;
  }
}

@media (min-width: 1200px) {
  #carousel-3 {
    width:325px;
  }
}

#carousel-4 {
  width:250px;
}

@media (min-width: 576px) {
  #carousel-4 {
    width:150px;
  }
}

@media (min-width: 768px) {
  #carousel-4 {
    width:210px;
  }
}

@media (min-width: 992px) {
  #carousel-4 {
    width:280px;
  }
}

@media (min-width: 1200px) {
  #carousel-4 {
    width:325px;
  }
}

#object-trap-functionality {
  background-color:rgb(29,128,159);
}

#enemy-pic {
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  width:100%;
}

#object-video {
  width:100%;
}

#project-col {
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  padding-left:20px;
}

@media (min-width: 576px) {
  #project-col {
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-left:20px;
  }
}

@media (min-width: 768px) {
  #project-col {
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-left:10px;
  }
}

@media (min-width: 992px) {
  #project-col {
    padding-top:25px;
    padding-left:25px;
    padding-right:25px;
    padding-left:25px;
  }
}

@media (min-width: 1200px) {
  #project-col {
    padding-top:50px;
    padding-left:50px;
    padding-right:50px;
    padding-left:50px;
  }
}

#project-img {
  width:100%;
  height:auto;
}

#language-jumbotron {
  padding-top:20px;
  padding-bottom:0px;
}

@media (min-width: 576px) {
  #language-jumbotron {
    padding-top:20px;
    padding-bottom:0px;
  }
}

@media (min-width: 768px) {
  #language-jumbotron {
    padding-top:0px;
    padding-bottom:0px;
  }
}

@media (min-width: 992px) {
  #language-jumbotron {
    padding-top:0px;
    padding-bottom:0px;
  }
}

@media (min-width: 1200px) {
  #language-jumbotron {
    padding-top:0px;
    padding-bottom:0px;
  }
}