/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Semplice Minimal Portfolio Template
Version:	1.0
Last change:	07/09/17
Created by:		Incondite Media
-------------------------------------------------------------------*/





/*------------------------------------------------------------------
[Table of Contents]

1. Google Fonts
2. Typography
3. Buttons
4. Main Styling
5. Header & Navigation
6. Columns
7. Masonry
8. About
9. Clients
10. Portfolio
11. Portfolio Navigation
12. Contact Form
13. Media Queries
-------------------------------------------------------------------*/





/*------------------------------------------------------------------
[1. Google Fonts]
-------------------------------------------------------------------*/

@font-face { /* Montserrat Regular */
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
	}
	
@font-face { /* Montserrat Bold */
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
	}
	
@font-face { /* PT Serif Regular */
    font-family: 'PTF55F';
    src: url('../fonts/PTF55F.ttf') format('truetype');
	}
	
@font-face { /* PT Serif Italic */
    font-family: 'PTF56F';
    src: url('../fonts/PTF56F.ttf') format('truetype');
	}
	
@font-face { /* PT Serif Bold */
    font-family: 'PTF75F';
    src: url('../fonts/PTF75F.ttf') format('truetype');
	}
	
@font-face { /* PT Serif Bold Italic*/
    font-family: 'PTF76F';
    src: url('../fonts/PTF76F.ttf') format('truetype');
	}





/*------------------------------------------------------------------
[2. Typography]
-------------------------------------------------------------------*/
	
h1, h2, h3, h4, h5, h6, p, a {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	}

p.logo-type { /* Logo */
	font-family: 'Montserrat-Bold';
	font-size: 2em;
	font-weight: normal;
	color: #1b1b1b;
	margin: 0;
	text-decoration: none;
	}
	
h1 { /* Title Black */
	font-family: 'Montserrat-Bold';
	font-size: 3.5em;
	font-weight: normal;
	color: #1b1b1b;
	margin: 0;
	text-decoration: none;
	}
	
h2 { /* Title White */
	font-family: 'Montserrat-Bold';
	font-size: 1.5em;
	font-weight: normal;
	color: #fff;
	margin: 0;
	text-decoration: none;
	}
	
h3 { /* Text PT Black */
	font-family: 'PTF55F';
	font-size: 1em;
	font-weight: normal;
	line-height: 2;
	color: #7a7a7a;
	margin: 0;
	text-decoration: none;
	}
	
	h3 a { /* Link */
		font-family: 'PTF55F';
		font-size: 1em;
		font-weight: normal;
		line-height: 2;
		color: #7a7a7a;
		margin: 0;
		text-decoration: none;
		}
		
	h3 a:hover { /* Link Hover */
		color: #4b51ce;
		}
	
h4 { /* Text PT White */
	font-family: 'PTF55F';
	font-size: 1em;
	font-weight: normal;
	line-height: 2;
	color: #fff;
	margin: 0;
	text-decoration: none;
	}
	
	h4 a { /* Link */
		font-family: 'PTF55F';
		font-size: 1em;
		font-weight: normal;
		line-height: 2;
		color: #fff;
		margin: 0;
		text-decoration: none;
		}
		
	h4 a:hover { /* Link Hover */
		color: #4b51ce;
		}
	
h5 { /* Text Black */
	font-family: 'Montserrat-Bold';
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5;
	color: #1b1b1b;
	margin: 0;
	text-decoration: none;
	}
	
h6 { /* Text White */
	font-family: 'Montserrat-Bold';
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5;
	color: #fff;
	margin: 0;
	text-decoration: none;
	}
	
p.sub-title-black { /* Sub Title Black */
	font-family: 'Montserrat-Bold';
	font-size: 2em;
	font-weight: normal;
	line-height: 1.5;
	color: #1b1b1b;
	margin: 0;
	text-decoration: none;
	}
	
p.sub-title-white { /* Sub Title White */
	font-family: 'Montserrat-Bold';
	font-size: 2em;
	font-weight: normal;
	line-height: 1.5;
	color: #fff;
	margin: 0;
	text-decoration: none;
	}
	
p.sub-title-orange { /* Sub Title Orange */
	font-family: 'Montserrat-Bold';
	font-size: 2em;
	font-weight: normal;
	line-height: 1.5;
	color: #4b51ce;
	margin: 0;
	text-decoration: none;
	}
	
p.project-navigation { /* Project Nav Black */
	font-family: 'Montserrat-Bold';
	font-size: 1em;
	font-weight: normal;
	color: #1b1b1b;
	margin: 0;
	text-decoration: none;
	}
	
	p.project-navigation a { /* Link */
		font-family: 'Montserrat-Bold';
		font-size: 1em;
		font-weight: normal;
		color: #1b1b1b;
		margin: 0;
		text-decoration: none;
		}
		
	p.project-navigation a:hover { /* Link Hover */
		opacity: 0.5;
		}





/*------------------------------------------------------------------
[3. Buttons]
-------------------------------------------------------------------*/
	
.button-black {
	font-family: 'Montserrat-Bold';
	font-size: 0.9em;
	font-weight: normal;
	line-height: 2;
	color: #1b1b1b;
	margin: 0;
	padding: 20px 30px;
	text-decoration: none;
	text-transform: uppercase;
	border: 3px solid #4b51ce;
	display: inline-block;
	}
	
.button-black:hover {
	color: #fff;
	background-color: #4b51ce;
	}
	
.button-white {
	font-family: 'Montserrat-Bold';
	font-size: 0.9em;
	font-weight: normal;
	line-height: 2;
	color: #000;
	margin: 0;
	padding: 20px 30px;
	text-decoration: none;
	text-transform: uppercase;
	border: 3px solid #c0c0c0;
	display: inline-block;
	}
 

.button-white:hover {
	color: #1b1b1b;
	background-color: #c0c0c0;
	}
 




/*------------------------------------------------------------------
[4. Main Styling]
-------------------------------------------------------------------*/

html, body { 
	margin: 0;
    padding: 0;
    border: 0;
	background-color: #f6f6f6;
	}
	
*, div {
	box-sizing: border-box;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
	}
	
img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	}
	
.header-container {
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0 50px;
	}

.container {
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0 25px;
	}
	
.sidebar-content-wrap {
	width: auto;
	height: auto;
	margin-left: 300px;
	position: relative;
	}
	
.row {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	}
	
.padding {
	padding: 150px 0;
	}
	
.padding-top {
	padding-top: 150px;
	}
	
.padding-bottom {
	padding-bottom: 150px;
	}
	
.padding-double {
	padding: 300px 0;
	}
	
.social-icons {
	width: 100%;
	height: auto;
	float: left;
	}
	
.social-icons img {
	display: inline-block;
	opacity: 0.5;
	transition: opacity 0.3s;
	webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	}
	
.social-icons img:hover {
	opacity: 1;
	}





/*------------------------------------------------------------------
[5. Header & Navigation]
-------------------------------------------------------------------*/

#header {
	width: 100%;
	height: 90px;
	float: left;
	background-color: rgba(255,255,255,1);
	position: fixed;
	z-index: 99;
	}
	
.logo {
	width: auto;
	height: auto;
	float: left;
	display: inline-block;
	margin-top: 27px;
	}

.nav-fullscreen {
	width: auto;
	height: auto;
	float: right;
	display: inline-block;
	text-align: right;
	margin-top: 31px;
	}
	
.nav-fullscreen ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.nav-fullscreen ul li {
	display: inline-block;
	margin-left: 30px;
	}
	
.nav-fullscreen ul li a {
	font-family: 'Montserrat-Regular';
	font-size: 1em;
	font-weight: normal;
	line-height: 2;
	color: #7a7a7a;
	text-decoration: none;
	}
	
.nav-fullscreen ul li a:hover {
	color: #4b51ce;
	}

.nav-mobile {
	width: auto;
	height: auto;
	float: right;
	display: none;
	text-align: right;
	margin-top: 37px;
	}
	
.drop-button {
    height: 59px;
	font-family: 'Montserrat-Regular';
	font-size: 1em;
	font-weight: normal;
	line-height: 2;
	color: #7a7a7a;
	text-decoration: none;
    border: none;
    cursor: pointer;
    background-color: transparent;
	outline: none;
	}
	
.drop-button:hover {
	color: #4b51ce;
	}
	
.drop-button:hover .drop-down {
    display: block;
	}
	
ul.drop-down {
	min-width: 175px;
	position: absolute;
	top: 90px;
    display: none;
	background-color: rgba(255,255,255,1);
	margin-left: -25px;
	padding: 25px;
	text-align: left;
	list-style: none;
    z-index: 999;
	border-top: 1px solid #4b51ce;
	}
	
ul.drop-down li {
	display: block;
	margin: 0;
	}
	
ul.drop-down li a {
	font-family: 'Montserrat-Regular';
	font-size: 0.9em;
	font-weight: normal;
	line-height: 2;
	color: #7a7a7a;
	opacity: 1;
	text-decoration: none;
	}
	
ul.drop-down li a:hover {
	color: #4b51ce;
	}





/*------------------------------------------------------------------
[6. Columns]
-------------------------------------------------------------------*/

.column-width-two {
	width: 48%;
	height: auto;
	float: left;
	margin: 0 1%;
	display: block;
	position: relative;
	}
	
.contact-column-width-two {
	width: 48%;
	height: auto;
	float: left;
	margin: 0 1%;
	display: block;
	position: relative;
	}

.column-width-three {
	width: 31.333%;
	height: auto;
	float: left;
	margin: 0 1%;
	display: block;
	position: relative;
	}
	
.column-width-four {
	width: 23%;
	height: auto;
	float: left;
	margin: 0 1%;
	display: block;
	position: relative;
	}
	
.contact-column-width-four {
	width: 23%;
	height: auto;
	float: left;
	margin: 0 1%;
	display: block;
	position: relative;
	}

.column-width-two ul, .contact-column-width-two ul, .column-width-three ul, .column-width-four ul, .contact-column-width-four ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
.column-width-two ul li, .column-width-two ul li a, .contact-column-width-two ul li, .contact-column-width-two ul li a, .column-width-three ul li, .column-width-three ul li a, .column-width-four ul li, .column-width-four ul li a, .contact-column-width-four ul li, .contact-column-width-four ul li a {
	font-family: 'PTF55F';
	font-size: 1em;
	font-weight: normal;
	line-height: 2;
	color: #7a7a7a;
	margin: 0;
	text-decoration: none;
	}
	
.column-width-two ul li a:hover, .contact-column-width-two ul li a:hover, .column-width-three ul li a:hover, .column-width-four ul li a:hover, .contact-column-width-four ul li a:hover {
	color: #4b51ce;
	}





/*------------------------------------------------------------------
[7. Masonry]
-------------------------------------------------------------------*/

html {
    overflow-y: scroll;
	}
	
.grid-sizer { 
	width: 25%; 
	}

.item { 
	width: 25%;
	height: auto;
	display: inline-block;
	position: relative;
	float: left;
	}
	
.item-width-two { 
	width: 50%;
	height: auto;
	display: inline-block;
	position: relative;
	float: left;
	}
	
.item-width-two-right { 
	width: 50%;
	height: auto;
	display: inline-block;
	position: relative;
	float: right;
	}





/*------------------------------------------------------------------
[8. About]
-------------------------------------------------------------------*/

.skills {
	width: 100%;
	height: auto;
	float: left;
	}

.skills-bar-solid {
	width: 100%;
	height: 5px;	
    position: relative;
    background-color: rgba(122,122,122,0.25);
    margin-bottom: 25px;
	}
	
.skills-bar-solid:last-child {
    margin-bottom: 0;
	}
	
.skills-bar-progress {
	height: 5px;
	display: block;
    position: relative;
    overflow: hidden;
    background-color: #4b51ce;
	}
	
.stat-item {
	width: 25%;
	height: auto;
	float: left;
	padding: 0 1%;
	display: block;
	position: relative;
	border-right: 1px dashed #7a7a7a;
	text-align: center;
	}
	
.stat-item:last-child {
	border: none;
	}









/*------------------------------------------------------------------
[10. Portfolio]
-------------------------------------------------------------------*/

.portfolio-width-one-third-margins {
	width: 32.333%;
	height: auto;
	float: left;
	margin: 0.5%;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-one-third-no-margins {
	width: 33.333%;
	height: auto;
	float: left;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-two-third-margins {
	width: 65.666%;
	height: auto;
	float: left;
	margin: 0.5%;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-two-third-no-margins {
	width: 66.666%;
	height: auto;
	float: left;
	display: inline-block;
	position: relative;
	}

.portfolio-width-one-margins {
	width: 99%;
	height: auto;
	float: left;
	margin: 0.5%;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-one-no-margins {
	width: 100%;
	height: auto;
	float: left;
	display: inline-block;
	position: relative;
	}

.portfolio-width-two-margins {
	width: 49%;
	height: auto;
	float: left;
	margin: 0.5%;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-two-no-margins {
	width: 50%;
	height: auto;
	float: left;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-three-margins {
	width: 32.333%;
	height: auto;
	float: left;
	margin: 0.5%;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-three-no-margins {
	width: 33.333%;
	height: auto;
	float: left;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-four-margins {
	width: 24%;
	height: auto;
	float: left;
	margin: 0.5%;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-four-no-margins {
	width: 25%;
	height: auto;
	float: left;
	display: inline-block;
	position: relative;
	}
	
.portfolio-width-two-margins img, .portfolio-width-two-no-margins img, .portfolio-width-three-margins img, .portfolio-width-three-no-margins img, .portfolio-width-four-margins img, .portfolio-width-four-no-margins img {
	display: block !important;
	}

.portfolio-item-overlay {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    background-color: #4b51ce;
	opacity: 0;
    text-align: center;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
	}
	
.portfolio-item-overlay-plus {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    background-color: #4b51ce;
	opacity: 0;
    text-align: center;
	background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2233px%22%20height=%2233px%22%20viewBox=%220%200%2033%2033%22%20enable-background=%22new%200%200%2033%2033%22%20fill=%22white%22%20xml:space=%22preserve%22%3E%3Crect%20x=%2215%22%20width=%223%22%20height=%2233%22/%3E%3Crect%20y=%2215%22%20width=%2233%22%20height=%223%22/%3E%3C/svg%3E");
	transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
	}
	
.portfolio-item-overlay:hover, .portfolio-item-overlay-plus:hover {
	opacity: 1;
	cursor: pointer;
	}
	
.portfolio-item-overlay-bottom {
    position: absolute;
	bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 0%;
    margin: 0;
    padding: 0;
    background-color: #4b51ce;
	opacity: 0;
    text-align: center;
	display: flex;
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
	}
	
.portfolio-width-two-no-margins:hover .portfolio-item-overlay-bottom, .portfolio-width-two-margins:hover .portfolio-item-overlay-bottom, .portfolio-width-three-no-margins:hover .portfolio-item-overlay-bottom, .portfolio-width-three-margins:hover .portfolio-item-overlay-bottom, .portfolio-width-four-no-margins:hover .portfolio-item-overlay-bottom, .portfolio-width-four-margins:hover .portfolio-item-overlay-bottom {
	height: 33.333%;
	opacity: 1;
	}
	
.project-title {
	background-color: #4b51ce;
	padding: 50px;
	display: inline-block;
	}
	
.project-details {
	width: 33.333%;
	height: auto;
	float: left;
	padding: 0 1%;
	display: block;
	position: relative;
	border-right: 1px dashed #7a7a7a;
	text-align: center;
	}
	
.project-details:last-child {
	border: none;
	}
	
.vertical-title {
	writing-mode: vertical-rl;
	}





/*------------------------------------------------------------------
[11. Portfolio Navigation]
-------------------------------------------------------------------*/

.project-previous, .project-next, .project-menu {
	width: 31.333%;
	height: auto;
	float: left;
	margin: 0 1%;
	display: block;
	position: relative;
	}
	
.project-previous {
	height: 20px;
	margin-top: 4px;
	padding-left: 40px;
	text-align: left;
	background: url(../img/icons/pagination/previous.svg) no-repeat center left;
	background-size: 25px;
	}
	
.project-next {
	height: 20px;
	margin-top: 4px;
	padding-right: 40px;
	text-align: right;
	background: url(../img/icons/pagination/next.svg) no-repeat center right;
	background-size: 25px;
	}
	
.project-menu {
	display: block;
    height: 25px;
	background: url(../img/icons/pagination/project-menu.svg) no-repeat center center;
	background-size: 25px;
	}
	
.project-previous:hover, .project-next:hover, .project-menu:hover {
	opacity: 0.5;
	cursor: pointer;
	}





/*------------------------------------------------------------------
[12. Contact Form]
-------------------------------------------------------------------*/

.form-row-width-one {
	width: 98%;
    height: auto;
    float: left;
	margin: 0 1% 50px 1%;
	display: inline-block;
    position: relative;
	}

.form-row-width-two {
	width: 48%;
    height: auto;
    float: left;
	margin: 0 1% 50px 1%;
	display: inline-block;
    position: relative;
	}

.input {
	width: 100%;
	height: auto;
	background-color: #f6f6f6;
	border: none;
	border-bottom: 1px dashed #7a7a7a;
	display: inline-block;
	float: left;
	padding: 15px 0;
	-webkit-appearance: none;
	}
	
.message {
	width: 100%;
	min-height: 75px;
	background-color: #f6f6f6;
	border: none;
	border-bottom: 1px dashed #7a7a7a;
	display: inline-block;
	float: left;
	padding: 15px 0;
	-webkit-appearance: none;
	}
	
input[type=text], textarea {
	font-family: 'PTF55F';
	font-size: 1em;
	font-weight: normal;
	line-height: 2;
	color: #1b1b1b;
	text-decoration: none;
	-webkit-appearance: none;
	}
	
input[type=text]:focus, textarea:focus {
	border: none;
	border-bottom: 1px solid #4b51ce;
	outline: none;
	-webkit-appearance: none;
	}
	
.submit-button {
	font-family: 'Montserrat-Bold';
	font-size: 0.9em;
	font-weight: normal;
	line-height: 2;
	color: #1b1b1b;
	margin: 0;
	padding: 20px 30px;
	text-decoration: none;
	text-transform: uppercase;
	border: 3px solid #4b51ce;
	display: inline-block;
	background-color: #f6f6f6;
	}
	
input[type="submit"]:hover {
	color: #fff;
	background-color: #4b51ce;
	cursor: pointer;
	-webkit-appearance: none;
	}





/*------------------------------------------------------------------
[13. Media Queries]
-------------------------------------------------------------------*/

/* 1200 */

@media screen and (max-width:1200px) {
	
	.grid-sizer, .item, .item-width-two, .item-width-two-right { 
		width: 50%;
		}
	
	.portfolio-width-four-margins {
		width: 32.333%;
		margin: 0.5%;
		}
		
	.portfolio-width-four-no-margins {
		width: 33.333%;
		}
		
	}
	
/* 1000 */

@media screen and (max-width:1000px) {
	
	.stat-item {
		width: 50%;
		margin-bottom: 50px;
		border-right: none;
		}
		
	.stat-item:first-child, .stat-item:nth-child(3) {
		border-right: 1px dashed #7a7a7a;
		}
		
	.stat-item:nth-child(3), .stat-item:nth-child(4) {
		margin-bottom: 0;
		}
	
	.portfolio-width-three-margins, .portfolio-width-four-margins {
		width: 49%;
		margin: 0.5%;
		}
		
	.portfolio-width-three-no-margins, .portfolio-width-four-no-margins {
		width: 50%;
		}
		
	}
	
/* 900 */

@media screen and (max-width:900px) {
	
	.skills {
		width: 100%;
		}
	
	.client-logos {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #7a7a7a;
		}
		
	.client-logos:last-child {
		border-bottom: none;
		}
		
	.portfolio-width-one-third-margins, .portfolio-width-two-third-margins {
		width: 99%;
		}
		
	.portfolio-width-one-third-no-margins, .portfolio-width-two-third-no-margins {
		width: 100%;
		}
		
	.vertical-title {
		writing-mode: rl;
		padding: 150px 0;
		}
		
	}

/* 768 */

@media screen and (max-width:768px) {
		
	.padding {
		padding: 100px 0;
		}
		
	.padding-top {
		padding-top: 100px;
		}
		
	.padding-bottom {
		padding-bottom: 100px;
		}
		
	.padding-double {
		padding: 200px 0;
		}
	
	.nav-fullscreen {
		display: none;
		}

	.nav-mobile {
		display: inline-block;
		}

	.column-width-two, .column-width-three, .column-width-four {
		width: 98%;
		margin: 0 1% 50px 1%;
		}
		
	.contact-column-width-two {
		width: 98%;
		margin: 0 1% 50px 1%;
		}
		
	.contact-column-width-four {
		width: 48%;
		margin: 0 1% 0 1%;
		}
		
	.column-width-two:last-child, .column-width-three:last-child, .column-width-four:last-child, .contact-column-width-two:last-child {
		width: 98%;
		margin: 0 1% 0 1%;
		}
		
	.grid-sizer, .item, .item-width-two, .item-width-two-right { 
		width: 100%;
		}
		
	.stat-item {
		width: 100%;
		padding-bottom: 50px;
		margin-bottom: 50px;
		border-right: none;
		border-bottom: 1px dashed #7a7a7a;
		}
		
	.stat-item:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		}
	
	.stat-item:first-child, .stat-item:nth-child(3) {
		border-right: none;
		}
		
	.stat-item:nth-child(3) {
		margin-bottom: 50px;
		}
	
	.portfolio-width-two-margins, .portfolio-width-three-margins, .portfolio-width-four-margins {
		width: 99%;
		margin: 0.5%;
		}
		
	.portfolio-width-two-no-margins, .portfolio-width-three-no-margins, .portfolio-width-four-no-margins {
		width: 100%;
		}
		
	.project-previous p, .project-next p {
		display: none;
		}
		
	.project-details {
		width: 100%;
		padding-bottom: 50px;
		margin-bottom: 50px;
		border-right: none;
		border-bottom: 1px dashed #7a7a7a;
		}
		
	.project-details:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		}
		
	.vertical-title {
		writing-mode: rl;
		padding: 100px 0;
		}
		
	.form-row-width-two {
		width: 98%;
		}
		
	}
	
/* 450 */

@media screen and (max-width:450px) {
		
	.header-container {
		padding: 0 25px;
		}
		
	.contact-column-width-four {
		width: 98%;
		margin: 0 1% 0 1%;
		}
		
	.contact-column-width-four:nth-child(2) {
		width: 98%;
		margin: 0 1% 50px 1%;
		}
		
	}