/* CHRIS STYLES*/


p {color: #353535 !important; font-family: 'Open Sans', sans-serif;}

H1, h2, h3, h4, h5, h6 {color: #353535; font-weight: 400; font-family: 'Playfair Display', serif;}

h1 { font-size: 16px; margin: 26px auto;}
h2 { font-size: 52px; line-height: 64px; margin-right: 10%; margin-top: 40px;}
h3 { margin-top: 30px; font-size: 24px; line-height: 36px;}
h4 { margin-top: 30px;}
h5 { text-align: center;}
h6 { margin: 26px auto;}
p {font-weight: 400; font-size: 18px; line-height: 27px;}

.projectWidth h2 { font-size: 42px; line-height: 46px; margin-right: 5%; margin-top: 0px;}
.projectWidth h4 { margin-top: 40px; font-size: 16px;}
.projectWidth p { margin: 40px auto;}
p.project-info {color: #9B9B9B; margin-top:10px;}

a { color: #E40052;}

a:hover {
    color: #0056b3;
    text-decoration: none;
}
.nav-link{ text-transform:capitalize}

a.homeLogo { color: #353535 !important;;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;}
a:hover.homeLogo { color: #E40052 !important;}


.container {
  max-width: 1024px;
    }

.vSpace{
  margin-top: 120px;
}


/* PRIMARY BUTTON */
.btn-primary {
  background: #000000;
  /* Chris's drop shadow 
  box-shadow: 1px 1px 8px rgba(228, 0, 82, 0.50);*/
  border-radius: 0px;
  border: solid 1px #000000;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  height: 42px;
  margin: 14px 0px 14px 0px;
  text-decoration:none;
  padding: 0px 25px;
	text-transform: capitalize;

}

  .btn-primary:hover {
      background: #ffffff;
      color: #000000;
      text-decoration:none;
      border: solid 1px #000000;

}

/* SECONDARY BUTTON */
.btn-secondary {
  background: #ffffff;
  /* Chris's drop shadow   box-shadow: 1px 1px 15px rgba(228, 0, 82, 0.30);*/
  border-radius: 0px;
  border: solid 1px #000000;
  color: #000000;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  height: 42px;
  margin: 14px 0px 44px 0px;
  padding: 0px 25px;
  text-decoration:none;
  float: left;
		text-transform: capitalize;

}

  .btn-secondary:hover {
      background: #000000;
      color: #ffffff;
      text-decoration:none;
      border: solid 1px #000000;
}

.btn-moreProjects{
  padding: 0px 18%;
  margin: 40px auto;
}



/* Header Zone */
#headeZone{
  position: fixed;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.99);
  top: 0px;
  padding: 0px 40px;
/*  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);*/
}



/*NAV edits*/
.nav-item a{ margin: 13px auto;
  color: #353535 !important;;
  -webkit-transition: color 0.3s ease-out;
  -moz-transition: color 0.3s ease-out;
  -o-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.nav-item a:hover{color:#E40052 !important;}
.nav {height: 70px;}
.mobnav {display: none;}
li.nav-item.hideonmob:nth-child(4) {
    margin-right: 20px;
}

.madeinlondon{
  background-color: #000000;
}
.madeinlondon p {font-size: 10px; text-align: left; margin-bottom: 0px;  color: #ffffff!important;
}

footer h6 {color: #ffffff!important;}

/*Project Tiles*/
.projectTile { margin-bottom: 30px;}
.projectTile img{ width: 100%;}

/* aboutChris */
.aboutChris {
    background-color: #E40052;
    color: #ffffff !important;
    margin: 50px auto;
    padding: 50px 0px 100px 0px;
    }
    h2.aboutMeTitle {
    color: #ffffff !important;
}
p.aboutMeTitle {
    color: #ffffff !important;
}
.socialIcons img{
  display: block;
  margin: 16px 24px 16px 0px;
  float: left;
}

.skillslIcons img{
  margin: 20px auto;
  display: block;
}

/*Contact */
.contactSub{ font-size: 12px;}

footer {
  background-color: #000000;
  color: #ffffff;
}
.float-right {float: right;}



/*project page */
.projectWidth { max-width: 800px;}
.role {color:#E40052; }
.projectWidth img{ width: 100%; margin: 20px auto 50px auto;}



@media only screen and (max-width: 600px) {
  .hideonmob { display: none;}
  .mobnav {display: inline-block;}
  .nav-link {padding: 1rem 0rem;}
  .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #ffffff;}
  .dropdown-toggle { border: solid 1px #000000; padding: 8px 10px; background-color: #ffffff;}
  .btn-moreProjects{ padding: 0px 30% ;margin: 10px auto; }
  /* Header Zone */
  #headeZone{padding: 0px 12px;}
  .col-sm-5 {width: 39%;}
  .col-sm-7 {width: 60%;}
  .socialIcons img{ margin: 18px 10px; width: 30px;}
  .vSpace{margin-top: 60px;}
  /*SECONDARY BUTTON*/
  .btn-secondary {  margin: 0px 0px 14px 0px;}
  .aboutChris {padding: 0px 0px;}

  .btn-moreProjects{
    padding: 0px 18%;
    margin: 40px auto;
    display: block;
    width: 100%;
    border: none;
    cursor: pointer;
    text-align: center;
  }
  .skillslIcons img{
    margin: 20px 20px 20px -10px;
    display: block;
  }

/*FONTS*/
h2 { font-size: 28px; line-height: 36px; margin-right: 0%; margin-top: 60px;}
h4 { font-size: 14px; line-height: 27px;}
h5 { text-align: left; margin-left: -25px; color: #ffffff;}



}