/**** FONTS ****/
/*@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500&display=swap");
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap");

/*.home__welcome-bg:before {
  background: url("../img/bg03.jpg");
}
*/
/*.home__welcome-bg:before {
  background: url("../img/bg03.jpg") no-repeat center center;
}

/*.works__welcome-bg:before {
  background: url("../img/gate2.jpg");
}
*/
/**** main titles on home page ****/
.home__welcome-title, .home__about-title, .home__blog-title, .home__contacts-title {
  font-family: 'Raleway', sans-serif;
}
/**** main title on project, blog, article and works pages ****/
.page__title {
  font-family: 'Poppins', sans-serif;
}
/**** label and count in comments ****/
.comments__label, .comments__count {
  font-family: 'Poppins', sans-serif;
}
/**** links in header ****/
.header a {
  font-family: 'Titillum Web', sans-serif;
}
/**** title of skills section on home page ****/
.home__about-skills-title {
  font-family: 'Poppins', sans-serif;
}
/**** headings in information about client on project page ****/
.project__client-heading {
  font-family: 'Poppins', sans-serif;
}
/**** social links ****/
.socials__link {
  font-family: 'Poppins', sans-serif;
}
/**** text in buttons ****/
.btn {
  font-family: 'Poppins', sans-serif;
}
/**** any text ****/
body, p {
  font-family: 'Poppins', sans-serif;
}
/**** item of list ****/
ul.list li {
  font-family: 'Poppins', sans-serif;
}
/**** title and date in preview of blog on home page ****/
.home__blog-preview-title, .home__blog-preview-date {
  font-family: 'Poppins', sans-serif;
}
/**** title and date of article on blog page ****/
.blog__item-title, .blog__item-date {
  font-family: 'Poppins', sans-serif;
}
/**** links, headings and text on project page ****/
.project__description-heading, .project__steps-heading {
  font-family: 'Poppins', sans-serif;
}
.project__client-text, .project__description-text {
  font-family: 'Poppins', sans-serif;
}
.project__link {
  font-family: 'Poppins', sans-serif;
}
/**** blockquote, text, headings, date, count of comments under main title on article page ****/
.article__heading, .article__date, .article__stat {
  font-family: 'Poppins', sans-serif;
}
.article__text p {
  font-family: 'Poppins', sans-serif;
}
.article__quote blockquote {
  font-family: 'Poppins', sans-serif;
}
/**** text and authors name of comment ****/
.comment__author, .comment__text {
  font-family: 'Poppins', sans-serif;
}
/**** content and contact texts on home page ****/
.home__welcome-content, .home__about-content, .home__contacts-content {
  font-family: 'Poppins', sans-serif;
}
.home__contacts-geo, .home__contacts-mail, .home__contacts-contacts {
  font-family: 'Poppins', sans-serif;
}
.home__blog-preview-text {
  font-family: 'Poppins', sans-serif;
}
/**** name of project in portfolio grid ****/
.portfolio__title {
  font-family: 'Poppins', sans-serif;
  color: #385cad;
}
/**** title and value of skill in about section of home page ****/
.skills__title, .skills__value {
  font-family: 'Poppins', sans-serif;
}
/**** pagination ****/
.pagination__item {
  font-family: 'Poppins', sans-serif;
}
/**** FONT COLORS and WEIGHTS ****/
/**** Colors and weights of text and titles ****/
body {
  color: #515151;
}
h1, h2 {
}
h3 {
  color: #8b8b8b;
}
h4 {
  color: #8b8b8b;
}
h5 {
  color: #8b8b8b;
}
p, small {
  color: #5a5a5a;
  font-weight: 400;
}
.white {
  color: #fff;
}
.black {
  color: #000;
} 
.blue {
  color: #385cad;
}
.bold {
  font-weight: 500;
}
/**** Colors of text in fields of forms ****/
input[type="text"], input[type="password"], input[type="email"], textarea {
  color: #545454;
}
/**** Colors of button text ****/
.btn {
  color: #385cad;
}
.btn:hover {
  color: #ffffff;
  background-color: #385cad;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: color 0.3s ease-out, border-color 0.3s ease-in-out;
}
/**** Colors of links on pages ****/
a {
  color: #414141;
}
a:hover {
  color: #385cad;
}
/**** Colors of links in header navigation ****/
.header__nav-link {
  color: #FFFFFF;
}
.header__nav-link:hover {
  color: #558bff;
}
/**** Colors of text (p) and links (a) in footer and in socials bar ****/
.footer p, .socials p {
  color: #414141;
}
.footer a, .socials a {
  color: #616161;
}
.footer a:hover, .socials a:hover {
  color: #385cad;
}
/**** Color of preview short text in item of blog grid ****/
.blog__item-text {
  color: #414141;
}
/**** Color of link in pagination ****/
.pagination__link {
  color: #414141;
}
/**** BACKGROUND COLORS ****/
/**** main background ****/
body {
  background-color: #FFFFFF;
}
/**** active item in pagination ****/
.pagination__item--active {
  background-color: #D6D6D6;
}
/**** title of portfolio item ****/
.portfolio__item-title {
  background-color: #fff;
}
/**** background of title in portfolio's grid item ****/
@media only screen and (min-width: 1280px) {
.portfolio--grid .portfolio__item-title {
  background-color: #fff;
}
}
/**** client photo on project page ****/
.project__client-image {
  background-color: #D6D6D6;
}
/**** section with form on project page ****/
.contact-preview {
  background-color: #D6D6D6;
}
/**** dots of list item ****/
ul.list li:before {
  background-color: #414141;
}
/**** button border ****/
.btn {
  margin: 24px 24px 24px 0px;
}
.btn:hover {
border-color: #FFFFFF;
}
/**** button border ****/
.header--scrolled {
background: rgba(255, 255, 255, 0.97);
border-bottom: 2px solid #385cad;
}
/**** burger menu ****/
.header__nav {
background-color: #fff;
}
.header__burger span {
background: #000;
}
.header__burger span:before, .header__burger span:after {
background: #000;
}
.header__burger:hover span {
background: #558bff;
}
.header__burger:hover span:before, .header__burger:hover span:after {
background: #558bff;
}
/**** skills bars ****/
.skills__progress {
border-bottom: 4px solid #CFCFCF;
}
.skills__progress span {
border-bottom: 4px solid #414141;
}
/**** count of comments ****/
.comments__count {
background-color: #CFCFCF;
}
/**** dash in footer ****/
.footer__dash:before {
border-bottom-color: #CFCFCF;
}
/**** background of fields on form ****/
.field__input, .field__textarea {
background-color: #fff;
}
/**** border of socials bar ****/
.socials {
border-bottom-color: #d2dde5;
background-color: #FFFFFF;
}
/**** gradient of footer ****/
.footer {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(232, 232, 232, 0)), color-stop(32%, rgba(232, 232, 232, 0.6)), color-stop(38%, rgba(232, 232, 232, 0.7)), color-stop(60%, rgba(232, 232, 232, 0.9)), color-stop(76%, #E8E8E8));
background-image: -webkit-linear-gradient(180deg, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 0.6) 85%, rgba(232, 232, 232, 0.7) 100%, rgba(232, 232, 232, 0.9) 40%, #fffaed 100%);
background-image: -moz-linear-gradient(180deg, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 0.6) 85%, rgba(232, 232, 232, 0.7) 100%, rgba(232, 232, 232, 0.9) 40%, #fffaed 100%);
background-image: -o-linear-gradient(180deg, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 0.6) 85%, rgba(232, 232, 232, 0.7) 100%, rgba(232, 232, 232, 0.9) 40%, #fffaed 100%);
background-image: linear-gradient(180deg, rgba(232, 232, 232, 0) 0%, rgba(232, 232, 232, 0.6) 85%, rgba(232, 232, 232, 0.7) 100%, rgba(232, 232, 232, 0.9) 40%, #fffaed 100%);
}






/**** Write your custom styles at this file ****/
.txt {
  display: block;
  text-rendering: optimizeLegibility;
}

.flashy1 {
  line-height: 1.4em;
  font-family: 'Poppins', sans-serif;
  opacity: 1;
  animation: colorchange 3s linear infinite;
  -webkit-animation: colorchange 3s linear infinite;
}
@keyframes colorchange {
  0% {
    color: #f05133;
  }
  25% {
    color: #e83751;
  }
  50% {
    color: #db1b6d;
  }
  75% {
    color: #e83751;
  }
  100% {
    color: #f05133;
  }
}
@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #f05133;
  }
  25% {
    color: #e83751;
  }
  50% {
    color: #db1b6d;
  }
  75% {
    color: #e83751;
  }
  100% {
    color: #f05133;
  }
}

.flashy2 {
  line-height: 1.4em;
  opacity: 1;
  font-family: 'Poppins', sans-serif;
  animation: colorchangeb 3s linear infinite;
  -webkit-animation: colorchangeb 3s linear infinite;
}
@keyframes colorchangeb {
  0% {
    color: #41bbec;
  }
  25% {
    color: #7474ae;
  }
  50% {
    color: #ca3067;
  }
  75% {
    color: #7474ae;
  }
  100% {
    color: #41bbec;
  }
}
@-webkit-keyframes colorchangeb /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #41bbec;
  }
  25% {
    color: #7474ae;
  }
  50% {
    color: #ca3067;
  }
  75% {
    color: #7474ae;
  }
  100% {
    color: #41bbec;
  }
}

.flashy3 {
  line-height: 1.4em;
  opacity: 1;
  font-family: 'Poppins', sans-serif;
  animation: colorchangec 3s linear infinite;
  -webkit-animation: colorchangec 3s linear infinite;
}
@keyframes colorchangec {
  0% {
    color: #5cba4c;
  }
  25% {
    color: #92c955;
  }
  50% {
    color: #d2e05f;
  }
  75% {
    color: #92c955;
  }
  100% {
    color: #5cba4c;
  }
}
@-webkit-keyframes colorchangec /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #5cba4c;
  }
  25% {
    color: #92c955;
  }
  50% {
    color: #d2e05f;
  }
  75% {
    color: #92c955;
  }
  100% {
    color: #5cba4c;
  }
}

.flashy4{
  line-height: 1.4em;
  opacity: 1;
  font-family: 'Poppins', sans-serif;
  animation: colorchanged 3s linear infinite;
  -webkit-animation: colorchanged 3s linear infinite;
}
@keyframes colorchanged {
  0% {
    color: #f0ba28;
  }
  25% {
    color: #f38620;
  }
  50% {
    color: #f15e22;
  }
  75% {
    color: #f38620;
  }
  100% {
    color: #f0ba28;
  }
}
@-webkit-keyframes colorchanged /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #f0ba28;
  }
  25% {
    color: #f38620;
  }
  50% {
    color: #f15e22;
  }
  75% {
    color: #f38620;
  }
  100% {
    color: #f0ba28;
  }
}

.flashyRGB_color {
  opacity: 1;
  font-family: 'Poppins', sans-serif;
  animation: colorchanged 8s linear infinite;
  -webkit-animation: colorchanged 8s linear infinite;
}
@keyframes colorchanged {
  0% {
    color: #4363d8;
  }
  11% {
    color: #911eb4;
  }
  22% {
    color: #f032e6;
  }
  33% {
    color: #e6194b;
  }
  44% {
    color: #f58231;
  }
  55% {
    color: #ffe119;
  }
  66% {
    color: #bcf60c;
  }
  77% {
    color: #3cb44b;
  }
  88% {
    color: #46f0f0;
  }
  100% {
    color: #4363d8;
  }
}
@-webkit-keyframes colorchanged /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #4363d8;
  }
  11% {
    color: #911eb4;
  }
  22% {
    color: #f032e6;
  }
  33% {
    color: #e6194b;
  }
  44% {
    color: #f58231;
  }
  55% {
    color: #ffe119;
  }
  66% {
    color: #bcf60c;
  }
  77% {
    color: #3cb44b;
  }
  88% {
    color: #46f0f0;
  }
  100% {
    color: #4363d8;
  }
}

.og1 {
  font-size: 1.8em;
  margin-top: 10px;
  margin-bottom: 15px;
  opacity: 1;
  animation: colorchange 3s linear infinite;
  -webkit-animation: colorchange 3s linear infinite;
}
@keyframes colorchange {
  0% {
    color: #f05133;
  }
  25% {
    color: #e83751;
  }
  50% {
    color: #db1b6d;
  }
  75% {
    color: #e83751;
  }
  100% {
    color: #f05133;
  }
}
@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #f05133;
  }
  25% {
    color: #e83751;
  }
  50% {
    color: #db1b6d;
  }
  75% {
    color: #e83751;
  }
  100% {
    color: #f05133;
  }
}

.og2 {
  font-size: 1.8em;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 100%;
  opacity: 1;
  animation: colorchangeb 3s linear infinite;
  -webkit-animation: colorchangeb 3s linear infinite;
}
@keyframes colorchangeb {
  0% {
    color: #64b3f4;
  }
  25% {
    color: #7cc0de;
  }
  50% {
    color: #92ccca;
  }
  75% {
    color: #7cc0de;
  }
  100% {
    color: #64b3f4;
  }
}
@-webkit-keyframes colorchangeb /* Safari and Chrome - necessary duplicate */{
  0% {
    color: #64b3f4;
  }
  25% {
    color: #7cc0de;
  }
  50% {
    color: #92ccca;
  }
  75% {
    color: #7cc0de;
  }
  100% {
    color: #64b3f4;
  }
}

.og3 {
  font-size: 1.8em;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 100%;
  opacity: 1;
  animation: colorchangec 3s linear infinite;
  -webkit-animation: colorchangec 3s linear infinite;
}
@keyframes colorchangec {
  0% {
    color: #5cba4c;
  }
  25% {
    color: #92c955;
  }
  50% {
    color: #d2e05f;
  }
  75% {
    color: #92c955;
  }
  100% {
    color: #5cba4c;
  }
}
@-webkit-keyframes colorchangec /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #5cba4c;
  }
  25% {
    color: #92c955;
  }
  50% {
    color: #d2e05f;
  }
  75% {
    color: #92c955;
  }
  100% {
    color: #5cba4c;
  }
}

.og4 {
  font-size: 1.8em;
  margin-top: 10px;
  margin-bottom: 15px;
  width: 100%;
  opacity: 1;
  animation: colorchanged 3s linear infinite;
  -webkit-animation: colorchanged 3s linear infinite;
}
@keyframes colorchanged {
  0% {
    color: #f0ba28;
  }
  25% {
    color: #f38620;
  }
  50% {
    color: #f15e22;
  }
  75% {
    color: #f38620;
  }
  100% {
    color: #f0ba28;
  }
}
@-webkit-keyframes colorchanged /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #f0ba28;
  }
  25% {
    color: #f38620;
  }
  50% {
    color: #f15e22;
  }
  75% {
    color: #f38620;
  }
  100% {
    color: #f0ba28;
  }
}


















/*-------- Portfolio Page Headers -------*/

/*--- GLAIVE MAGAZINE ADVERT ---*/

.works_GLAIVE_welcome-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 225%;
  z-index: -10;
  background-position: 50% 50%;
  background-attachment: fixed;
  opacity: 1;
  background: url(../img/s01_2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  /* background-blend-mode: normal; */
  /* background-blend-mode: soft-light;*/
}



/*--- BREITLING WATCH ILLUSTRATION ---*/
.works_WATCH_welcome-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 225%;
  z-index: -10;
  background-position: 50% 50%;
  background-attachment: fixed;
  opacity: 1;
  background: url(../img/watch_header01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  /* background-blend-mode: normal; */
  /* background-blend-mode: soft-light;*/
}

.project_WATCH_img {
  margin-bottom: 40px;
  max-width: 20%;
}

.project_WATCH_img--secondary {
  margin-bottom: 32px;
}



































































































































/*--------------------------------- Media Queries ---------------------------------------*/


@media only screen and (max-width: 319px) {
body {
  padding-left: 0px;
}
.socials {
      visibility: hidden;;
}
.header_logo{
  width: 52px;
  height: auto;
}
.footer_logo{
  width: 48px;
  height: auto;
  float: left;
}
  .works__welcome-title {
    text-align: center;
    font-weight: 700;
    /* text-shadow: 0px 3px 0px #00000024; */
    letter-spacing: 0.5pt;
    font-size: 2.6em;
    line-height: 1.3;
    letter-spacing: 0.15pt;
    overflow-wrap: break-word;
  }
.contact_headline {
     font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    font-family: 'Raleway', sans-serif;
}

.bold-line {
font-weight: 300;
    color: #fff;
}

.contact_title_mover {
  float: left;
}

.thankyou {
  width: 100%;
  padding-right: 5%;
}

.home__resume {
padding-top: 4em;
    /* margin-top: 50px; */
    /* margin-bottom: 48px; */
    height: 200px;
    clear: left;
    background-color: #193d76;
    border-top: 2px solid #8ab2d0;
    border-bottom: 2px solid #8ab2d0;
}

.home__about {
    height: 100%;
    width: 100%;
    clear: left;
    background-color: #fff;
}



.form-fix {
  padding-right: 55px;
  margin-left: -40px;
}

.header__menu {
}

.degree__skills {
  margin-left: -40px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 30px;
  margin-bottom: 50px;
}


.bold {
  font-weight: 500;
}



.resume-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
  float: right;
}

.resume-button-mover {
    width: 100%;
    padding-top: 100px;
    height: 100%;
    float: right;
}

.portfolio_category_titles{
font-size: 1em;
    margin-bottom: 12px;
    /* margin-top: 8%; */
    color: #626262;
    letter-spacing: 0.03em;
}



.portfolio-spacer {
  margin-top: 8%;
}


.skills-frame {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(222deg 49% 27% / 82%);
    background-blend-mode: overlay;
    width: 100%;
    height: 100%;
    min-height: 20px;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 15px;
    opacity: 1;
    border-top: 1px solid #eaf1ff;
    border-bottom: 1px solid #eaf1ff;
  }
.skills-frame2 {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(221, 79%, 17%);
    background-blend-mode: multiply;
    width: 100%;
    height: 100%;
        min-height: 20px;
    display: inline-block;
    opacity: 1;
}

.skillsets-frame {
text-align: left;
}

.about-title {
font-family: 'Raleway', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    margin-bottom: 30px;
    text-align: center;
    margin-left: -15px;
}

.about-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.about-left {
  width: 50%;
  float:left;
  height: 100%;
  padding-top: 15px;
  padding-right: 10%;

}
.skillsets-frame-upper{
text-align: left;

}

.skillsets-frame-lower{
text-align: left;
margin-top: 30px;

}
.skills {
height: 100%;
}



.skills-title {
font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 2.75em;
    line-height: 57px;
    letter-spacing: 0.3pt;
}



.works_light_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 238%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0%));
}

.works_dark_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 44%));
}

.intro_title_container {
  text-align: center;
}
.skills_bg {
    margin-top: .18em;
    margin-bottom: .18px;
    display: inline-block;
    /* position: absolute; */
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 0;
    background-position: 50% 50%;
    background-attachment: fixed;
    /* background: url(../img/S02.jpg); */
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #090909e8;
    background-blend-mode: multiply;
    padding: 45px 5% 45px 5%;
}

.skills-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.skills-callouts-upper {
  float: right;
}

.skills-callouts-lower {
  float: left;
}
.works_intro_title_container{
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.portfolio__item-img{
  border: 1px black;
}
.resume-frame {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: hsl(219deg 59% 40%);
  background-blend-mode: overlay;
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 12px;
  opacity: 1;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #cfcfcf;
}
  .intro_title_container {
    text-align: center;
    height: 20vh;
}

  
  .home__welcome-title-c {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: .80em;
    line-height: 0px;
    vertical-align: bottom;
    letter-spacing: 0.08em;
    clear: both;
    display: block;
  }
  .home__welcome-title {
    font-size: 1.7em;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.04em;
    display: block;
    margin-top: 50px;
  }
  .custom-p {
    font-size: 0.8em;
    width: 50%;
    display: inline-block;
  }
  .custom-p2 {
    font-size: 0.8em;
  }
  .home__welcome-bg {
    height: 200%;
  }
.resume-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 0.3pt;
  margin-top: 10px;
  padding-top: 40px;
}

.resume-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 3%;
  background: url(../img/resumetest.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.h3-custom_head {
    font-size: 1.42em;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-bottom: 12px;
    color: #ffffff;
    -webkit-background-clip: text;
    text-align: center;
    -webkit-text-fill-color: initial;
    font-weight: 600;
    /* letter-spacing: 0.042em;*/
}
}

























@media only screen and (max-width: 374px) and (min-width: 320px){

body {
  padding-left: 0px;
}

.header {
  position: fixed;
  top: 0;
  left: 32px;
  right: 0;
  height: 94px;
      padding-top: 90px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
  -webkit-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
}
.about-text {
    text-align: center;
    margin-bottom: 20px;
    line-height: 2.45em;
    margin-left: -15px;
    width: 100%;
    padding: 0px 60px 0px 60px;
}

.socials {
      visibility: hidden;;
}

.resume-text-disclaimer {
    font-size: 0.65em;
    line-height: 1.5em;
    color: #767676;
}


.resume-text{
margin-top: 10px;
    font-size: 0.84em;
    line-height: 34px;
}
.resume-frame-lower {
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 1;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #475ea5cf;
    border-bottom: 1px solid #253860b8;
    background: url(../img/full-bloom.png);
    background-color: #f5f5f5a6;
    background-blend-mode: screen;
  }

.resume-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
    padding-left: 3%;
}

.header__burger {
/*height: 24px; */
    /* width: 24px; */
    display: inline-block;
    /* padding-top: 90px; */
    z-index: 10;
    position: relative;
    float: left;
    cursor: pointer;
}
.header_logo{
  width: 52px;
  height: auto;
}
.footer_logo{
  width: 48px;
  height: auto;
  float: left;
}
  .works__welcome-title {
    text-align: center;
    font-weight: 700;
    /* text-shadow: 0px 3px 0px #00000024; */
    letter-spacing: 0.5pt;
    font-size: 2.6em;
    line-height: 1.3;
    letter-spacing: 0.15pt;
    overflow-wrap: break-word;
  }
.contact_headline {
     font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    font-family: 'Raleway', sans-serif;
}

.bold-line {
font-weight: 300;
    color: #fff;
}

.contact_title_mover {
  float: left;
}

.thankyou {
  width: 100%;
  padding-right: 5%;
}

.home__resume {
padding-top: 4em;
    /* margin-top: 50px; */
    /* margin-bottom: 48px; */
    height: 200px;
    clear: left;
    background-color: #193d76;
    border-top: 2px solid #8ab2d0;
    border-bottom: 2px solid #8ab2d0;
}

.home__about {
    height: 100%;
    width: 100%;
    clear: left;
    background-color: #fff;
}



.form-fix {
  padding-right: 55px;
  margin-left: -40px;
}

.header__menu {
}

.degree__skills {
  margin-left: -40px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 30px;
  margin-bottom: 50px;
}


.bold {
  font-weight: 500;
}



.resume-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
  float: right;
}

.resume-button-mover {
    width: 100%;
    padding-top: 100px;
    height: 100%;
    float: right;
}

.portfolio_category_titles{
font-size: 1em;
    margin-bottom: 12px;
    /* margin-top: 8%; */
    color: #626262;
    letter-spacing: 0.03em;
}



.portfolio-spacer {
  margin-top: 8%;
}

.skills-frame {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(222deg 49% 27% / 82%);
    background-blend-mode: overlay;
    width: 100%;
    height: 100%;
    min-height: 20px;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 15px;
    opacity: 1;
    border-top: 1px solid #eaf1ff;
    border-bottom: 1px solid #eaf1ff;
  }
.skills-frame2 {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(221, 79%, 17%);
    background-blend-mode: multiply;
    width: 100%;
    height: 100%;
        min-height: 20px;
    display: inline-block;
    opacity: 1;
}

.skillsets-frame {
text-align: left;
}


.skillsets-frame-upper{
text-align: left;

}

.skillsets-frame-lower{
text-align: left;
margin-top: 30px;

}
.skills {
height: 100%;
}



.skills-title {
font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 2.75em;
    line-height: 57px;
    letter-spacing: 0.3pt;
}




.works_light_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 238%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0%));
}

.works_dark_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 44%));
}

.intro_title_container {
  text-align: center;
}

.works_intro_title_container{
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.portfolio__item-img{
  border: 1px black;
}

.h3-custom_head {
    font-size: 1.42em;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-bottom: 12px;
    color: #ffffff;
    -webkit-background-clip: text;
    text-align: center;
    -webkit-text-fill-color: initial;
    font-weight: 600;
    /* letter-spacing: 0.042em;*/
}
}










































@media only screen and (max-width: 424px) and (min-width: 375px){

body {
  padding-left: 0px;
}

.header {
  position: fixed;
  top: 0;
  left: 32px;
  right: 0;
  height: 94px;
      padding-top: 90px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
  -webkit-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
}
.about-text {
    text-align: center;
    margin-bottom: 20px;
    line-height: 2.45em;
    margin-left: -15px;
    width: 100%;
    padding: 0px 60px 0px 60px;
}

.socials {
      visibility: hidden;;
}

.resume-text-disclaimer {
    font-size: 0.65em;
    line-height: 1.5em;
    color: #767676;
}


.resume-text{
margin-top: 10px;
    font-size: 0.84em;
    line-height: 34px;
}
.resume-frame-lower {
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 1;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #475ea5cf;
    border-bottom: 1px solid #253860b8;
    background: url(../img/full-bloom.png);
    background-color: #f5f5f5a6;
    background-blend-mode: screen;
  }

.resume-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
    padding-left: 3%;
}

.header__burger {
/*height: 24px; */
    /* width: 24px; */
    display: inline-block;
    /* padding-top: 90px; */
    z-index: 10;
    position: relative;
    float: left;
    cursor: pointer;
}

.header_logo{
  width: 52px;
  height: auto;
}
.footer_logo{
  width: 48px;
  height: auto;
  float: left;
}
  .works__welcome-title {
    text-align: center;
    font-weight: 700;
    /* text-shadow: 0px 3px 0px #00000024; */
    letter-spacing: 0.5pt;
    font-size: 2.6em;
    line-height: 1.3;
    letter-spacing: 0.15pt;
    overflow-wrap: break-word;
  }
.contact_headline {
     font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    font-family: 'Raleway', sans-serif;
}

.bold-line {
font-weight: 300;
    color: #fff;
}

.contact_title_mover {
  float: left;
}

.thankyou {
  width: 100%;
  padding-right: 5%;
}

.home__resume {
padding-top: 4em;
    /* margin-top: 50px; */
    /* margin-bottom: 48px; */
    height: 200px;
    clear: left;
    background-color: #193d76;
    border-top: 2px solid #8ab2d0;
    border-bottom: 2px solid #8ab2d0;
}

.home__about {
    height: 100%;
    width: 100%;
    clear: left;
    background-color: #fff;
}



.form-fix {
  padding-right: 55px;
  margin-left: -40px;
}

.header__menu {
}

.degree__skills {
  margin-left: -40px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 30px;
  margin-bottom: 50px;
}


.bold {
  font-weight: 500;
}



.resume-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
  float: right;
}

.resume-button-mover {
    width: 100%;
    padding-top: 100px;
    height: 100%;
    float: right;
}

.portfolio_category_titles{
font-size: 1em;
    margin-bottom: 12px;
    /* margin-top: 8%; */
    color: #626262;
    letter-spacing: 0.03em;
}

.portfolio-spacer {
  margin-top: 8%;
}

.skills-frame {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(222deg 49% 27% / 82%);
    background-blend-mode: overlay;
    width: 100%;
    height: 100%;
    min-height: 20px;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 15px;
    opacity: 1;
    border-top: 1px solid #eaf1ff;
    border-bottom: 1px solid #eaf1ff;
  }
.skills-frame2 {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(221, 79%, 17%);
    background-blend-mode: multiply;
    width: 100%;
    height: 100%;
        min-height: 20px;
    display: inline-block;
    opacity: 1;
}

.skillsets-frame {
text-align: left;
}


.skillsets-frame-upper{
text-align: left;

}

.skillsets-frame-lower{
text-align: left;
margin-top: 30px;

}
.skills {
height: 100%;
}

.about-title {
font-family: 'Raleway', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    margin-bottom: 30px;
    text-align: center;
    margin-left: -15px;
}
.skills_bg {
    margin-top: .18em;
    margin-bottom: .18px;
    display: inline-block;
    /* position: absolute; */
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 0;
    background-position: 50% 50%;
    background-attachment: fixed;
    /* background: url(../img/S02.jpg); */
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #090909e8;
    background-blend-mode: multiply;
    padding: 45px 5% 45px 5%;
}

.skills-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.skills-callouts-upper {
  float: right;
}

.skills-callouts-lower {
  float: left;
}
.about-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.about-left {
  width: 50%;
  float:left;
  height: 100%;
  padding-top: 15px;
  padding-right: 10%;

}

.skills-title {
font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 2.75em;
    line-height: 57px;
    letter-spacing: 0.3pt;
}

.works_light_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 238%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0%));
}
  .intro_title_container {
    text-align: center;
    height: 20vh;
}

  
  .home__welcome-title-c {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #ffffff;
    font-size: .80em;
    line-height: 0px;
    vertical-align: bottom;
    letter-spacing: 0.08em;
    clear: both;
    display: block;
  }
  .home__welcome-title {
    font-size: 1.7em;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.04em;
    display: block;
    margin-top: 50px;
  }
  .custom-p {
    font-size: 0.8em;
    width: 50%;
    display: inline-block;
  }
  .custom-p2 {
    font-size: 0.8em;
  }
  .home__welcome-bg {
    height: 200%;
  }
.works_dark_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 44%));
}

.intro_title_container {
  text-align: center;
}

.works_intro_title_container{
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.portfolio__item-img{
  border: 1px black;
}
.resume-frame {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: hsl(219deg 59% 40%);
  background-blend-mode: overlay;
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 12px;
  opacity: 1;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #cfcfcf;
}

.resume-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 0.3pt;
  margin-top: 10px;
  padding-top: 40px;
}

.resume-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 3%;
  background: url(../img/resumetest.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.h3-custom_head {
    font-size: 1.42em;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-bottom: 12px;
    color: #ffffff;
    -webkit-background-clip: text;
    text-align: center;
    -webkit-text-fill-color: initial;
    font-weight: 600;
    /* letter-spacing: 0.042em;*/
}
}





































@media only screen and (max-width: 767px) and (min-width: 425px){

body {
  padding-left: 0px;
}
.header {
    position: fixed;
    top: 0;
    left: 0px;
    right: 0;
    height: 94px;
    padding-top: 90px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1000;
    -webkit-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    margin-left: 0px;
}


.about-text {
    text-align: center;
    margin-bottom: 20px;
    line-height: 2.45em;
    margin-left: -15px;
    width: 100%;
    padding: 0px 60px 0px 60px;
}

.socials {
    visibility: hidden;
}

.home__welcome-title-b {
    visibility: hidden;
}

.resume-text-disclaimer {
    font-size: 0.65em;
    line-height: 1.5em;
    color: #767676;
}
  .intro_title_container {
    text-align: center;
    height: 20vh;
}

  
  .home__welcome-title-c {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: .80em;
    line-height: 0px;
    vertical-align: bottom;
    letter-spacing: 0.08em;
    clear: both;
    display: block;
  }
  .home__welcome-title {
    font-size: 1.7em;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.04em;
    display: block;
    margin-top: 50px;
  }
  .custom-p {
    font-size: 0.8em;
    width: 50%;
    display: inline-block;
  }
  .custom-p2 {
    font-size: 0.8em;
  }
  .home__welcome-bg {
    height: 200%;
  }
.resume-text{
margin-top: 10px;
    font-size: 0.84em;
    line-height: 34px;
}
.resume-frame-lower {
    width: 100%;
    height: 100%;
    display: inline-block;
    opacity: 1;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #475ea5cf;
    border-bottom: 1px solid #253860b8;
    background: url(../img/full-bloom.png);
    background-color: #f5f5f5a6;
    background-blend-mode: screen;

  }

.resume-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
    padding-left: 3%;

  }
.header {
    position: fixed;
    top: 0;
    left: 0px;
    right: 0;
    height: 94px;
    padding-top: 90px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1000;
    -webkit-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
        margin-left: 32px;
}
.header__burger {
/*height: 24px; */
    /* width: 24px; */
    display: inline-block;
    /* padding-top: 90px; */
    z-index: 10;
    position: relative;
    float: left;
    cursor: pointer;
    margin-left: 50px;
}

.header_logo{
  width: 52px;
  height: auto;
}
.footer_logo{
  width: 48px;
  height: auto;
  float: left;
}
  .works__welcome-title {
    text-align: center;
    font-weight: 700;
    /* text-shadow: 0px 3px 0px #00000024; */
    letter-spacing: 0.5pt;
    font-size: 2.6em;
    line-height: 1.3;
    letter-spacing: 0.15pt;
    overflow-wrap: break-word;
  }
.contact_headline {
     font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    font-family: 'Raleway', sans-serif;
}

.bold-line {
font-weight: 300;
    color: #fff;
}
.skills-frame {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(222deg 49% 27% / 82%);
    background-blend-mode: overlay;
    width: 100%;
    height: 100%;
    min-height: 20px;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 15px;
    opacity: 1;
    border-top: 1px solid #eaf1ff;
    border-bottom: 1px solid #eaf1ff;
  }
.skills-frame2 {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(221, 79%, 17%);
    background-blend-mode: multiply;
    width: 100%;
    height: 100%;
        min-height: 20px;
    display: inline-block;
    opacity: 1;
}

.skillsets-frame {
text-align: left;
}


.skillsets-frame-upper{
text-align: left;

}

.skillsets-frame-lower{
text-align: left;
margin-top: 30px;

}
.skills {
height: 100%;
}

.about-title {
font-family: 'Raleway', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    margin-bottom: 30px;
    text-align: center;
    margin-left: -15px;
}

.about-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}
.skills_bg {
    margin-top: .18em;
    margin-bottom: .18px;
    display: inline-block;
    /* position: absolute; */
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 0;
    background-position: 50% 50%;
    background-attachment: fixed;
    /* background: url(../img/S02.jpg); */
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #090909e8;
    background-blend-mode: multiply;
    padding: 45px 5% 45px 5%;
}

.skills-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.skills-callouts-upper {
  float: right;
}

.skills-callouts-lower {
  float: left;
}
.about-left {
  width: 50%;
  float:left;
  height: 100%;
  padding-top: 15px;
  padding-right: 10%;

}

.skills-title {
font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 2.75em;
    line-height: 57px;
    letter-spacing: 0.3pt;
}
.contact_title_mover {
  float: left;
}

.thankyou {
  width: 100%;
  padding-right: 5%;
}

.home__resume {
padding-top: 4em;
    /* margin-top: 50px; */
    /* margin-bottom: 48px; */
    height: 200px;
    clear: left;
    background-color: #193d76;
    border-top: 2px solid #8ab2d0;
    border-bottom: 2px solid #8ab2d0;
}

.home__about {
    height: 100%;
    width: 100%;
    clear: left;
    background-color: #fff;
}



.form-fix {
  padding-right: 55px;
  margin-left: -40px;
}

.header__menu {
}

.degree__skills {
  margin-left: -40px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 30px;
  margin-bottom: 50px;
}


.bold {
  font-weight: 500;
}



.resume-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
  float: right;
}

.resume-button-mover {
    width: 100%;
    padding-top: 100px;
    height: 100%;
    float: right;
}

.portfolio_category_titles{
font-size: 1em;
    margin-bottom: 12px;
    /* margin-top: 8%; */
    color: #626262;
    letter-spacing: 0.03em;
}
.portfolio-spacer {
  margin-top: 8%;
}

.works_light_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 238%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0%));
}

.works_dark_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 44%));
}

.intro_title_container {
  text-align: center;
}
.resume-frame {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: hsl(219deg 59% 40%);
  background-blend-mode: overlay;
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 12px;
  opacity: 1;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #cfcfcf;
}

.resume-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 0.3pt;
  margin-top: 10px;
  padding-top: 40px;
}

.resume-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 3%;
  background: url(../img/resumetest.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.works_intro_title_container{
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.portfolio__item-img{
  border: 1px black;
}

.h3-custom_head {
    font-size: 1.42em;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-bottom: 12px;
    color: #ffffff;
    -webkit-background-clip: text;
    text-align: center;
    -webkit-text-fill-color: initial;
    font-weight: 600;
    /* letter-spacing: 0.042em;*/
}
}































/*---------------------------------------------------------*/
/*-------------------- 768px Media Query ------------------*/
/*---------------------------------------------------------*/
@media only screen and (max-width: 1023px) and (min-width: 768px){

body {
  padding-left: 0px;
}

.header {
  position: fixed;
  top: 0;
  left: 0px;
  right: 0;
  height: 94px;
  padding-top: 90px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
    -webkit-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
}

.home__welcome-title {
  margin-left: 0%;
  font-size: 2.35em;
  width: 100%;
  display: block;
  line-height: 124px;
  text-align: center;
}

.home__welcome-title-b {
  display: none;
}

.home__welcome-title-c {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 0.85em;
  line-height: 0px;
  vertical-align: bottom;
  letter-spacing: 0.1em;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}

.header_br {
  display: none;
}

.welcome_subhead {
  font-size: 0.75em;
  font-family: 'Titillium Web';
  font-weight: 600;
  margin-top: 42px;
  margin-bottom: 18px;
  text-align: center;
}

.portfolio__more-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
}

.header__button {
  position: relative;
  left: 126px;
  left: 10%;
  margin-left: 0px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  float: right;
}

.about-frame {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-top: 50px;
  opacity: 1;
  padding-bottom: 50px;
  padding-left: 8%;
  padding-right: 8%;
  border-top: 1px solid #3d3e8f;
  border-bottom: 1px solid #001c58;
  background-blend-mode: multiply;
  background-color: #244077e6;
}

.about-contents{
  text-align: center;
}

.about-text{
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.95em;
  margin-left: -15px;
}

.skills-text{
  margin-top: 40px;
  font-size: 0.84em;
  line-height: 34px;
  color: #fff;
}

.skills-text-lower {
  display: block;
}

.skills-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 5%;
  margin-top: 20px;
}

.skill-feature {
  float: left;
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
}
.skills-frame {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(222deg 49% 27% / 82%);
    background-blend-mode: overlay;
    width: 100%;
    height: 100%;
    min-height: 20px;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 15px;
    opacity: 1;
    border-top: 1px solid #eaf1ff;
    border-bottom: 1px solid #eaf1ff;
  }
.skills-frame2 {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(221, 79%, 17%);
    background-blend-mode: multiply;
    width: 100%;
    height: 100%;
        min-height: 20px;
    display: inline-block;
    opacity: 1;
}

.skillsets-frame {
text-align: left;
}


.skillsets-frame-upper{
text-align: left;

}

.skillsets-frame-lower{
text-align: left;
margin-top: 30px;

}
.skills {
height: 100%;
}



.skills-title {
font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 2.75em;
    line-height: 57px;
    letter-spacing: 0.3pt;
}
.socials {
  visibility: hidden;;
}

.resume-text-disclaimer {
  font-size: 0.55em;
  line-height: 1.5em;
  color: #767676;
}

.resume-text{
  margin-top: 10px;
  font-size: 15px;
  line-height: 34px;
}

.resume-frame-lower {
  width: 100%;
  height: 100%;
  display: inline-block;
  opacity: 1;
  padding-left: 0px;
  padding-right: 10px;
  border-top: 1px solid #475ea5cf;
  border-bottom: 1px solid #253860b8;
  background: url(../img/full-bloom.png);
  background-color: #f5f5f5a6;
  background-blend-mode: screen;
}

.resume-right {
  width: 50%;
  float: right;
  height: 100%;
  padding-left: 0%;
  padding-right: 2%;
}
.header__burger {
  display: inline-block;
  z-index: 10;
  position: relative;
  float: left;
  cursor: pointer;
  margin-left: 50px;
}

.home__welcome-content {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.6px;
    line-height: 42px;
    margin-top: 0px;
    margin-left: auto;
    text-align: center;
    max-width: 95%;
    margin-right: auto;

}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-left: 10px; */
    /* margin-right: -20px; */
}

.header_logo{
  width: 52px;
  height: auto;
}

.footer_logo{
  width: 48px;
  height: auto;
  float: left;
}
  .works__welcome-title {
    text-align: center;
    font-weight: 700;
    /* text-shadow: 0px 3px 0px #00000024; */
    letter-spacing: 0.5pt;
    font-size: 2.6em;
    line-height: 1.3;
    letter-spacing: 0.15pt;
    overflow-wrap: break-word;
  }
.contact_headline {
     font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    font-family: 'Raleway', sans-serif;
}

.bold-line {
font-weight: 300;
    color: #fff;
}
.resume-frame {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: hsl(219deg 59% 40%);
  background-blend-mode: overlay;
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 12px;
  opacity: 1;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #cfcfcf;
}

.resume-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 0.3pt;
  margin-top: 10px;
  padding-top: 40px;
}

.resume-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 3%;
  background: url(../img/resumetest.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.contact_title_mover {
  float: left;
}

.thankyou {
  width: 100%;
  padding-right: 5%;
}

.home__resume {
padding-top: 4em;
    /* margin-top: 50px; */
    /* margin-bottom: 48px; */
    height: 200px;
    clear: left;
    background-color: #193d76;
    border-top: 2px solid #8ab2d0;
    border-bottom: 2px solid #8ab2d0;
}
.skills_bg {
    margin-top: .18em;
    margin-bottom: .18px;
    display: inline-block;
    /* position: absolute; */
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 0;
    background-position: 50% 50%;
    background-attachment: fixed;
    /* background: url(../img/S02.jpg); */
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #090909e8;
    background-blend-mode: multiply;
    padding: 45px 5% 45px 5%;
}

.skills-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.skills-callouts-upper {
  float: right;
}

.skills-callouts-lower {
  float: left;
}
.home__about {
    height: 100%;
    width: 100%;
    clear: left;
    background-color: #fff;
}

.about-title {
font-family: 'Raleway', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    margin-bottom: 30px;
    text-align: center;
    margin-left: -15px;
}

.about-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.about-left {
  width: 50%;
  float:left;
  height: 100%;
  padding-top: 15px;
  padding-right: 10%;

}

.form-fix {
  padding-right: 55px;
  margin-left: -40px;
}

.header__menu {
}

.degree__skills {
  margin-left: -40px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 30px;
  margin-bottom: 50px;
}


.bold {
  font-weight: 500;
}



.resume-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
  float: right;
}

.resume-button-mover {
    width: 100%;
    padding-top: 100px;
    height: 100%;
    float: right;
}

.portfolio_category_titles{
font-size: 1em;
    margin-bottom: 12px;
    /* margin-top: 8%; */
    color: #626262;
    letter-spacing: 0.03em;
}



.portfolio-spacer {
  margin-top: 8%;
}

.works_light_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 238%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0%));
}

.works_dark_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 44%));
}

.intro_title_container {
  text-align: center;
}

.works_intro_title_container{
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.portfolio__item-img{
  border: 1px black;
}

.h3-custom_head {
    font-size: 1.42em;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-bottom: 12px;
    color: #ffffff;
    -webkit-background-clip: text;
    text-align: center;
    -webkit-text-fill-color: initial;
    font-weight: 600;
    /* letter-spacing: 0.042em;*/
}
  .custom-p {
    font-size: 0.7em;
    line-height: 1.75em;
    width: 95%;
    display: inline-block;
  }
  .custom-p2 {
    font-size: 0.8em;
    line-height: 1.7em;
  }
}


























/*---------------------------------------------------------*/
/*-------------------- 1024px Media Query -----------------*/
/*---------------------------------------------------------*/

@media only screen and (max-width: 1279px) and (min-width: 1024px){

/*-------- 1024 - Start Global Styles --------*/
body {
  padding-left: 32px;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-right: -20px;
}
/*-------- 1024 - End Global Styles --------*/


/*-------- 1024 - Start Homepage Header Styles --------*/
.header {
  position: fixed;
  top: 0;
  left: 32px;
  right: 0;
  height: 94px;
  padding-top: 90px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
  -webkit-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
}

.home__welcome-title {
  line-height: 124px;
  text-align: center;
  margin-bottom: 4px;
  margin-left: 8%;
  font-size:  2.15em;
}

.home__welcome-title-b {
  font-family: 'Poppins', sans-serif;
  font-weight: 100;
  font-size: 2.85em;
  line-height: 120px;
  vertical-align: bottom;
  letter-spacing: 0.004em;
  display: inline-block;
  margin-left: 20px;
}

.home__welcome-title-c {
  font-family: 'Poppins', sans-serif;
  font-size: .7em;
  line-height: 27px;
  vertical-align: top;
  letter-spacing: 0.04em;
  text-align: left;
  float: right;
  margin-top: 36px;
  margin-right: 8%
}

.welcome_subhead {
  font-size: 0.95em;
  font-family: 'Titillium Web';
  font-weight: 600;
  margin-top: 32px;
  margin-bottom: 18px;
  text-align: center;
}

.portfolio__more-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
}

.header__button {
  position: relative;
  left: 15%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  float: right;
}

.about-text {
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.95em;
  margin-left: -15px;
}

.portfolio__more {
  margin-bottom: 62px;
  padding-left: 22px;
}

.about-frame {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-top: 50px;
  opacity: 1;
  padding-bottom: 50px;
  padding-left: 6%;
  padding-right: 6%;
  /* background: url(../img/bg01.jpg); */
  border-top: 1px solid #3d3e8f;
  border-bottom: 1px solid #001c58;
  background-blend-mode: multiply;
  background-color: #244077e6;
}

.skills-text{
  margin-top: 40px;
  font-size: 0.84em;
  line-height: 34px;
  color: #fff;
}
.skills-text-lower {
  display: block;
  margin-top: 20px;
}

.skills-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 58px;
  margin-top: 20px;

}

.skill-feature {
  float: left;
  width: 50%;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 10px;
}
.skills-frame {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(222deg 49% 27% / 82%);
    background-blend-mode: overlay;
    width: 100%;
    height: 100%;
    min-height: 20px;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 15px;
    opacity: 1;
    border-top: 1px solid #eaf1ff;
    border-bottom: 1px solid #eaf1ff;
  }
.skills-frame2 {
background-image: url(../img/s02.jpg);
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: hsl(221, 79%, 17%);
    background-blend-mode: multiply;
    width: 100%;
    height: 100%;
        min-height: 20px;
    display: inline-block;
    opacity: 1;
}

.skillsets-frame {
text-align: left;
}


.skillsets-frame-upper{
text-align: left;

}

.skillsets-frame-lower{
text-align: left;
margin-top: 30px;

}
.skills {
height: 100%;
}



.skills-title {
font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 2.75em;
    line-height: 57px;
    letter-spacing: 0.3pt;
}
.footer-center-mover {
  margin-left: 60px;
  margin-right: 10px;
}

.socials {
  display: block;
}

.resume-text-disclaimer {
  font-size: 0.65em;
  line-height: 1.5em;
  color: #767676;
}

.resume-text{
  margin-top: 10px;
  font-size: 0.84em;
  line-height: 34px;
}

.resume-frame-lower {
  width: 100%;
  height: 100%;
  display: inline-block;
  opacity: 1;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #475ea5cf;
  border-bottom: 1px solid #253860b8;
  background: url(../img/full-bloom.png);
  background-color: #f5f5f5a6;
  background-blend-mode: screen;
}

.resume-right {
  width: 50%;
  float: right;
  height: 100%;
  padding-left: 3%;
}

.header__burger {
  display: inline-block;
  z-index: 10;
  position: relative;
  float: left;
  cursor: pointer;
}

.header_logo{
  width: 52px;
  height: auto;
}

.footer_logo{
  width: 48px;
  height: auto;
  float: left;
}

.works__welcome-title {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.5pt;
  font-size: 2.6em;
  line-height: 1.3;
  letter-spacing: 0.15pt;
  overflow-wrap: break-word;
}
.resume-frame {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: hsl(219deg 59% 40%);
  background-blend-mode: overlay;
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 12px;
  opacity: 1;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #cfcfcf;
}

.resume-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 0.3pt;
  margin-top: 10px;
  padding-top: 40px;
}

.resume-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 3%;
  background: url(../img/resumetest.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.custom-p {
  font-size: 0.75em;
  line-height: 1.75em;
  width: 100%;
}

.custom-p2 {
  font-size: 0.8em;
  line-height: 1.25em;
}

.contact_headline {
     font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    font-family: 'Raleway', sans-serif;
}

.bold-line {
font-weight: 300;
    color: #fff;
}

.contact_title_mover {
  float: left;
}

.thankyou {
  width: 100%;
  padding-right: 5%;
}

.home__resume {
padding-top: 4em;
    /* margin-top: 50px; */
    /* margin-bottom: 48px; */
    height: 200px;
    clear: left;
    background-color: #193d76;
    border-top: 2px solid #8ab2d0;
    border-bottom: 2px solid #8ab2d0;
}

.home__about {
    height: 100%;
    width: 100%;
    clear: left;
    background-color: #fff;
}

.skills_bg {
    margin-top: .18em;
    margin-bottom: .18px;
    display: inline-block;
    /* position: absolute; */
    /* top: 0; */
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 0;
    background-position: 50% 50%;
    background-attachment: fixed;
    /* background: url(../img/S02.jpg); */
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #090909e8;
    background-blend-mode: multiply;
    padding: 45px 5% 45px 5%;
}

.skills-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.skills-callouts-upper {
  float: right;
}

.skills-callouts-lower {
  float: left;
}

.form-fix {
  padding-right: 55px;
  margin-left: -40px;
}

.header__menu {
}

.degree__skills {
  margin-left: -40px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 30px;
  margin-bottom: 50px;
}


.bold {
  font-weight: 500;
}



.resume-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
  float: right;
}

.resume-button-mover {
    width: 100%;
    padding-top: 100px;
    height: 100%;
    float: right;
}

.portfolio_category_titles{
font-size: 1em;
    margin-bottom: 12px;
    /* margin-top: 8%; */
    color: #626262;
    letter-spacing: 0.03em;
}



.portfolio-spacer {
  margin-top: 8%;
}

.works_light_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 238%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0%));
}

.works_dark_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 44%));
}
.about-title {
font-family: 'Raleway', sans-serif;
    width: 100%;
    font-weight: 700;
    font-size: 2.5em;
    /* line-height: 74px; */
    letter-spacing: 0.3pt;
    margin-bottom: 30px;
    text-align: center;
    margin-left: -15px;
}

.about-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.about-left {
  width: 50%;
  float:left;
  height: 100%;
  padding-top: 15px;
  padding-right: 10%;

}

.intro_title_container {
  text-align: center;
}

.works_intro_title_container{
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}

.portfolio__item-img{
  border: 1px black;
}

.h3-custom_head {
    font-size: 1.42em;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-bottom: 12px;
    color: #ffffff;
    -webkit-background-clip: text;
    text-align: center;
    -webkit-text-fill-color: initial;
    font-weight: 600;
    /* letter-spacing: 0.042em;*/
}
}






















/*---------------------------------------------------------*/
/*-------------------- 1280px+ Media Query ----------------*/
/*---------------------------------------------------------*/

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

/*-------- 1280 - Start Global Page Styles --------*/
body {
  padding-left: 32px;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-right: -20px;
}
/*-------- 1280 - End Global Page Styles --------*/



/*-------- 1280 - Start Homepage Header --------*/
.header {
  position: fixed;
  top: 0;
  left: 32px;
  right: 0;
  height: 94px;
  padding-top: 90px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1000;
  -webkit-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
  transition: background 0.2s ease-in-out, top 0.2s ease-in-out;
}

.header__burger {
  display: inline-block;
  z-index: 10;
  position: relative;
  float: left;
  cursor: pointer;
}

.header_logo{
  width: 52px;
  height: auto;
}

.header__button {
  position: relative;
  left: 10%;
  margin-left: -4px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
  float: right;
}

.socials {
  display: block;
}
/*-------- 1280 - End Homepage Header --------*/



/*-------- 1280 - Start Homepage Welcome --------*/
.intro_title_container {
  text-align: center;
}

.home__welcome-title {
  margin-top: 22px;
  margin-left: 190px;
  padding-right: 0px;
  text-align: center;
  font-weight: 700;
  float: left;
  font-size: 2.5em;
  line-height: 74px;
  letter-spacing: 0.15pt;
}

.home__welcome-title-b {
  font-family: 'Poppins', sans-serif;
  font-weight: 100;
  font-size: 3.5em;
  line-height: 120px;
  vertical-align: bottom;
  letter-spacing: 0.004em;
  display: inline-block;
  margin-left: 18px;
  float: left;
}

.home__welcome-title-c {
  margin-top: 32px;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  color: #3055a4;
  font-size: 0.7em;
  letter-spacing: 0.85pt;
  text-align: left;
  float: left;
  line-height: 1.3em;
  margin-left: 20px;
}

.home__welcome-title-c-amp{
  line-height: 0.2em;
}

.bold-line {
font-weight: 300;
    color: #fff;
}

.welcome_subhead {
  font-size: 1.1em;
  font-family: 'Titillium Web';
  font-weight: 600;
  margin-top: 160px;
  margin-bottom: 18px;
  text-align: center;
}

.home__welcome-content-lower {
  padding-left: 90px;
  padding-right: 90px;
  margin-bottom: 25px;
  text-align: center;
}
/*-------- 1280 - End Homepage Welcome --------*/



/*-------- 1280 - Start Homepage Micro Portfolio --------*/
.portfolio-spacer {
  margin-top: 8%;
}

.portfolio__more {
  margin-bottom: 90px;
  padding-left: 22px;
}

.portfolio__more-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
}
/*-------- 1280 - End Homepage Micro Portfolio --------*/



/*-------- 1280 - Start Homepage Skills --------*/
.skills {
  height: 100%;
}

.skills-frame {
  background-image: url(../img/s02.jpg);
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: hsl(222deg 49% 27% / 82%);
  background-blend-mode: overlay;
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: inline-block;
  padding-top: 25px;
  padding-bottom: 15px;
  opacity: 1;
  border-top: 1px solid #eaf1ff;
  border-bottom: 1px solid #eaf1ff;
}

.skills-frame2 {
  background-image: url(../img/s02.jpg);
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: hsl(221, 79%, 17%);
  background-blend-mode: multiply;
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: inline-block;
  opacity: 1;
}

.skills-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.75em;
  line-height: 57px;
  letter-spacing: 0.3pt;
}

.skills-text{
  margin-top: 40px;
  font-size: 0.84em;
  line-height: 34px;
  color: #fff;
}

.skills-custom-p {
  font-size: 0.8em;
}

.skills-text-lower {
  display: block;
}

.skills-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 10%;
  margin-top: 20px;
  margin-left: 0px;
}

.skills-right {
    width: 50%;
    float: right;
    /* display: inline-block; */
    height: 100%;
}

.skill-feature {
  float: left;
  width: 50%;
  margin-right: 0px;
  padding-right: 24px;
  padding-left: 20px;
}

.skillsets-frame {
  text-align: left;
}

.skillsets-frame-upper {
  text-align: left;
}

.skillsets-frame-lower {
  text-align: left;
  margin-top: 30px;
}

.skills-callouts-upper {
  float: right;
}

.skills-callouts-lower {
  float: left;
}
/*-------- 1280 - End Homepage Skills --------*/



/*-------- 1280 - Start Homepage About --------*/
.about-frame {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-top: 50px;
  opacity: 1;
  padding-bottom: 50px;
  padding-left: 6%;
  padding-right: 6%;
  border-top: 1px solid #3d3e8f;
  border-bottom: 1px solid #001c58;
  background-blend-mode: multiply;
  background-color: #244077e6;
}

.about-title {
  font-family: 'Raleway', sans-serif;
  width: 100%;
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 0.3pt;
  margin-bottom: 30px;
  text-align: center;
  margin-left: -15px;
}

.about-text {
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.95em;
  margin-left: -15px;
}

.about-custom-p {
  font-size: 0.7em;
  line-height: 24px;
  margin-top: 5px;
}

.about-right {
  width: 50%;
  float: right;
  height: 100%;
}

.about-left {
  width: 50%;
  float:left;
  height: 100%;
  padding-top: 15px;
  padding-right: 10%;
}

.degree__skills {
  margin-left: -40px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 30px;
  margin-bottom: 50px;
}
/*-------- 1280 - End Homepage About --------*/



/*-------- 1280 - Start Homepage Resume --------*/
.resume-frame {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: hsl(219deg 59% 40%);
  background-blend-mode: overlay;
  width: 100%;
  height: 100%;
  min-height: 20px;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 12px;
  opacity: 1;
  border-top: 1px solid #a7a7a7;
  border-bottom: 1px solid #cfcfcf;
}

.resume-frame-lower {
  width: 100%;
  height: 100%;
  display: inline-block;
  opacity: 1;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #475ea5cf;
  border-bottom: 1px solid #253860b8;
  background: url(../img/full-bloom.png);
  background-color: #f5f5f5a6;
  background-blend-mode: screen;
}

.resume-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.5em;
  letter-spacing: 0.3pt;
  margin-top: 10px;
  padding-top: 40px;
}

.resume-text {
  margin-top: 10px;
  font-size: 0.84em;
  line-height: 34px;
}

.resume-text-disclaimer {
  font-size: 0.65em;
  line-height: 1.5em;
  color: #767676;
}

.resume-left {
  width: 50%;
  float: left;
  min-height: 280px;
  height: 100%;
  padding-right: 3%;
  background: url(../img/resumetest.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.resume-right {
  width: 50%;
  float: right;
  height: 100%;
  padding-left: 3%;
}

.resume-btn {
  align-content: center;
  padding-right: 20px;
  padding-left: 20px;
  float: right;
}

.resume-button-mover {
  width: 100%;
  padding-top: 100px;
  height: 100%;
  float: right;
}
/*-------- 1280 - End Homepage Resume --------*/



/*-------- 1280 - Start Homepage Contact Form --------*/
.contact_headline {
  font-weight: 700;
  font-size: 2.5em;
  /* line-height: 74px; */
  letter-spacing: 0.3pt;
  font-family: 'Raleway', sans-serif;
}

.contact_title_mover {
  float: left;
}

.form-fix {
  padding-right: 55px;
  margin-left: -40px;
}
/*-------- 1280 - End Homepage Contact Form --------*/



/*-------- 1280 - Start Homepage Footer --------*/
.footer_logo {
  width: 48px;
  height: auto;
  float: left;
}

.thankyou {
  width: 100%;
  padding-right: 5%;
}
/*-------- 1280 - End Homepage Footer --------*/



/*--------------------------------------------*/



/*-------- 1280 - Start Works Header --------*/

.works__welcome-title {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.5pt;
  font-size: 2.6em;
  line-height: 1.3;
  letter-spacing: 0.15pt;
  overflow-wrap: break-word;
}

.works__welcome-content-lower {
  padding-left: 90px;
  padding-right: 90px;
  margin-bottom: 20px;
  text-align: center;
}

.works_light_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 238%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(255 255 255), rgb(255 255 255 / 0%));
}

.works_dark_welcome-bg_lower {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225%;
    z-index: -5;
    background-position: 50% 50%;
    opacity: 100;
    background-image: linear-gradient(to top, rgb(0 0 0), rgb(0 0 0 / 44%));
}

.works_intro_title_container{
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
}
/*-------- 1280 - End Works Header --------*/



/*-------- 1280 - Start Works Portfolio Frames --------*/
.portfolio_category_titles{
font-size: 1em;
    margin-bottom: 12px;
    /* margin-top: 8%; */
    color: #626262;
    letter-spacing: 0.03em;
}

.portfolio__item-img{
  border: 1px black;
}
/*-------- 1280 - End Works Portfolio Frames --------*/
}