/*
 * Globals
 */
<style>
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap')
</style>
/* Links */
a,
a:focus,
a:hover {
  color: #000;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
}

/* Custom Pattern BG */
/*body {
  background-color: #F7F4F2; opacity: 0.99; 
  background-image:  linear-gradient(#ddd 1px, transparent 1px), linear-gradient(to right, #ddd 1px, #F7F4F2 1px); 
  background-size: 50px 50px;
}*/

/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #F7F4F2;
}


.cover-container {  max-width: 960px;  /*padding-left:15px!important;  padding-left:15px!important;*/ }

/* Header */
.masthead-in{ font-size:14px!important; padding:15px 0 0!important; display:block!important; clear:both!important; }
.masthead-brand{ margin: 0!important; font-size: 20px!important; line-height:28px!important;	color:#000!important;	font-weight:bold;}
.brand-wrap{float:left; transition: all ease 0.5s; }
.masthead-in h3 a{color:#221429!important; transition: all ease 0.5s;}
.masthead-in h3 a:hover, .masthead-in h3 a:focus{color: rgba(0, 0, 0, .5)!important; text-decoration:none!important;}
.nav-masthead .nav-link {  padding:0; line-height:30px;  font-weight: 400; color:#000!important; background-color: transparent; transition: all ease 0.5s; }
.nav-masthead .nav-link:hover { color:#FD2E35!important;  }
.nav-masthead .nav-link:focus { color:#000!important;  }
.nav-masthead .nav-link + .nav-link {  margin-left: 20px; }
.nav-masthead .active {  color:#000!important;  font-weight: 600!important; text-decoration: line-through; font-size:14px!important;  }
.nav-masthead a {  color:#000!important; text-decoration:none; }
.nav-masthead{float:right;}

/*Nav Animation*/
.masthead-in ul{padding:5px 0 0; font-size:14px!important; list-style-type:none;}
.masthead-in ul li{float:left; margin:0 20px 0 0;}
.masthead-in ul li:nth-last-child(-n + 1){margin:0 0px 0 0;}
.masthead-in span {  position: relative;  display: block;  cursor: pointer; }
.masthead-in span:before, .masthead-in span:after {  content: '';  position: absolute;  width: 0%;  height: 1px;  bottom: -5%;
  margin-top: -0.5px;  background: #FD2E35!important;}
.masthead-in span:before {  left: -0.5px;}
.masthead-in span:after {  /*right: 2.5px;*/  right: 0px;  background: #FD2E35!important;  transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);}
.masthead-in span:hover:before {  background: #FD2E35!important;  width: 100%;  transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
.masthead-in span:hover:after {  background: transparent;  width: 100%;  transition: 0s;}



@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}

.cover {  padding: 0 1.5rem;}
.cover .btn-lg {  padding: .75rem 1.25rem;  font-weight: 700;}
.cover h1{ color:#221429!important; font-size:60px; line-height:71px!important; letter-spacing:-1px; font-weight: 700;}
.cover h1 span {font-family: "Playfair Display", serif!important; font-weight: 600!important; font-style:italic; letter-spacing:-2px!important; color:#FD2E35;  }
.cover h1 span.page-break{display:block!important; color:#221429!important;}
.cover p{ color:#000;     opacity: 1;  transform: translateY(0px); transition: .5s ease-in-out; font-size: 20px;    line-height: 31px;}
.cover p.partop{ color:#000; margin:20px 0 65px; padding:0 17%; font-weight:400; }
.fnt-14 {font-size: 14px;line-height: 24px;letter-spacing: normal !important;}
.clear-s{display:block!important; clear:both!important; line-height:0px!important; font-size:0px!important;}
.btn-portfolio{padding:8px 35px!important; background-color:#000; color:#fff; font-size:16px; margin:0px; border-radius:60px; line-height:30px; 
transition: all ease 0.5s; }
.btn-portfolio:hover, .btn-portfolio:focus{background-color:#111111!important; color:#fff; outline:none!important; box-shadow:none!important;
 /*transform: scale(1.2, 1.2);*/transform: translateY(-5px);  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.35);  }
.btn-resume{padding:0px 15px!important; border:1px solid #000; font-size:14px!important; margin: 0 0 0 20px; border-radius:100px; 
line-height:28px; font-weight: 400; transition: all ease 0.5s;  }
a.btn-resume{color:#000!important;}
.btn-resume:hover, a.btn-resume:hover .btn-resume:focus, a.btn-resume:focus { background-color:#221429!important; color:#fff!important; 
outline:none!important; box-shadow:none!important;}

/*
 * Footer
 */
.mastfoot {  color: #555!important; font-size:14px!important; }




/* style changes when the screen gets smaller */
@media (max-width: 1024px) {
    .cover h1{ color:#221429!important; font-size:50px; line-height:61px!important; font-weight:bold; letter-spacing:-1px;}
	.masthead{padding:0 30px;}
	.btn-resume{padding:0px 15px!important; margin: 0 0 0 1.5rem; line-height:28px; font-size: 0.9rem!important; }
	.nav-masthead .nav-link {  font-size: 0.9rem!important; }
}
@media (max-width: 767px) {
     .cover h1{ color:#221429!important; font-size:40px; line-height:51px!important; font-weight:bold; letter-spacing:-1px;}
	 .cover p{ font-size: 18px; line-height: 28px;}
	 .nav-masthead .nav-link + .nav-link {  margin-left: 16px!important; font-size: 12px!important; }
	 .masthead-brand{float:left;}
	 .nav-masthead{float:right;}
	 .masthead-brand{font-size:18px!important; margin-top:5px;}
	 .btn-resume{font-size: 12px!important; margin: 0 0 0 16px!important; }
}
@media (max-width: 600px) {
     .cover h1{ color:#221429!important; font-size:30px; line-height:41px!important; font-weight:bold; letter-spacing:-1px;}
	 .cover h1 br{ display:inline!important;}
	 .cover p{ font-size: 16px; line-height: 26px;}
	 .btn-portfolio{padding:5px 20px!important; font-size:14px; line-height:25px; }
	 .cover p.partop{ margin:20px 0 45px; }
	 .mastfoot {  font-size:12px!important; }
	 .masthead{padding:0 30px;}
	 .masthead-brand{float:left;}
	 .nav-masthead{float:right;}	 
	 .cover h1 span.page-break{display:inline!important;}
}
@media (max-width: 480px) {
.cover h1 br{display: none!important;  }
.cover p.partop{ padding:0% 10%!important; }
}