/* SOCIAL MEDIA */
.s-m{
	display: inline-flex;
	width: 40px;
	height: 40px;
	background: #7f8d8c;
	color: white;
	margin: 0 6px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	transition: 0.4s;
	font-size: 20px;
	text-decoration: none;
}
.s-m:hover{
	background: #e06d5e;
	color: white;
}
.s-m:visited{
	background: #555;
	color: white;
}
.s-m> i{
	transition: 0.2s;
}
.s-m:hover> i{
	transform: scale(1.35);
}
/* OTHER STUFF */
.link{
	color: #e06d5e;
}

.mobile-centering{
	display: block;
}

#contact-textbox{
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #7f8d8c;
	display: block;
	width: 100%;
	border: 0;
	background-color: #F1F2F4;
	padding-right: 1rem;
	padding-left: 0.5rem;
	padding: 0.75rem;
	outline-color: red;
}

#contact-label{
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 33px;
	color: #7f8d8c;
	padding-top: 0;
}

.special-container{
	width: 100%;
}

.text-info{
	display: block;
}

#chalyse-portrait{
	display: block;
	width: 50%;
	float: left;
}

.form-right{
	width: 50%;
	float: right;
}

/* THE WHOLE THING IN GENERAL */
body{
	color: #555;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	margin: 0;
}
/* NAVBAR */
.navigationcontainer{
	width: 80%;
	margin: auto;
	overflow: hidden;
	transition: 0.3s;
}
#navbar{
	text-align: center;
	height: 55px;
	transition: 0.3s;
}
#navbar ul{
	padding: 0;
	list-style: none;
	transition: 0.3s;
}
#navbar li{ 
	display: inline;
	transition: 0.3s;
}
#navbar a{
	font-weight: 900;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	line-height: 21px;
	color: #000000;
	text-decoration: none;
	padding-right: 7px;
	padding-left: 7px;
	transition: 0.3s;
}
/* when the mouse rolls over the link, change colours */
#navbar a.ex1:hover, a.ex1:active {color: #e06d5e;}
/* when the mouse has clicked on the link, change colours */
#navbar a.ex1:hover,a.ex1:visited {color: #e06d5e;}

/* LINES */
#mini{
	width: 15%;
	border: 1px solid;
}
#whiteline{
	width: 40%;
	color: #979797;
}
/* DESIGNED BY CHALYSE HEADING */
.designed-by-chalyse-title{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 79px;
	line-height: 87px;
	color: #24282d;
	text-align:	center;
}
/* SUBHEADINGS */
#subheading1-centre{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 32px;
	color: #24282d;
	text-align: center;
	font-weight: 100;
}
#subheading1-left{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 32px;
	color: #24282d;
	font-weight: 100;
}
#subheading2-left{
	font-family: "Open Sans", sans-serif;;
	font-style: normal;
	font-weight: 400;
	font-size: 31px;
	line-height: 43px;
	color: #ab707f;
}
/* SUB-SUBHEADING */
.index-welcome{
	text-align: left;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 35px;
	line-height: 46px;
	color: #24282d;
	font-weight: 100;
}
.portfolio-header{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 40px;
	color: #24282d;
}
#portfolio-header{
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	size: 26px;
	line-height: 40px;
	color: #24282d;
}
/* SUB-SUBHEADING CATEGORY */
#subheading-category{
	text-align: center;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	font-style: italic;
	color: #979797;
}
/* DATE AT THE BOTTOM OF A BLOG */
#date{
	text-align: center;
	font-size: 11px;
	font-style: italic;
	color: #979797;

}
/* BLOGGING CONTAINER */
.blogging-container{
	width: 34%;
	margin: auto;
	overflow: hidden;
	padding-bottom: 20px;
}
/* IMAGES */
#headinglogo{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#branchimage{
	display: block;
	width: 300px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
#portfolioshowcase{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#post-image{
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
}
#basic-image{
	display: block;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#basic-image-left{
	display: block;
	width: auto;
	height: auto;
	margin-right: auto;
}
#fit-image{
	display: block;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
/* CAPTION STYLING */
#caption{
	font-family: "PT Serif", serif;
	font-style: italic;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #7f8d8c;
	text-align: center;
}
/* RED WHEN HIGHLIGHTED */
a::selection{
	background: #e06d5e;
	color: #fff;
}
.ex1::selection{
	background: #e06d5e;
	color: #fff;
}
h1::selection{
	background: #e06d5e;
	color: #fff;
}
h2::selection{
	background: #e06d5e;
	color: #fff;
}
h3::selection{
	background: #e06d5e;
	color: #fff;
}
h4::selection{
	background: #e06d5e;
	color: #fff;
}
h5::selection{
	background: #e06d5e;
	color: #fff;
}
p::selection{
	background: #e06d5e;
	color: #fff;
}
ul::selection{
	background: #e06d5e;
	color: #fff;
}
div::selection{
	background: #e06d5e;
	color: #fff;
}
ul::selection{
	background: #e06d5e;
	color: #fff;
}
li::selection{
	background: #e06d5e;
	color: #fff;
}
img::selection{
	background: #e06d5e;
	color: #fff;
}
form::selection{
	background: #e06d5e;
	color: #fff;
}
input::selection{
	background: #e06d5e;
	color: #fff;
}
label::selection{
	background: #e06d5e;
	color: #fff;
}
textarea::selection{
	background: #e06d5e;
	color: #fff;
}
div::selection{
	background: #e06d5e;
	color: #fff;
}
option::selection{
	background: #e06d5e;
	color: #fff;
}
select::selection{
	background: #e06d5e;
	color: #fff;
}
br::selection{
	background: #e06d5e;
	color: #fff;
}
button::selection{
	background: #e06d5e;
	color: #fff;
}
/* MAIN PAGE FORM */
#small-text{
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 33px;
	color: #7f8d8c;
}
#email{
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #7f8d8c;
	width: 50%;
	outline-color: red;
	background-color: #F1F2F4;
	border: 0;
	padding-right: 1rem;
	padding-left: 0.5rem;
	padding-top: 1rem;
	padding: 0.75rem;
}
#subscribe{
	border: 0;
	color: #FFFFFF;
	background-color: #484C4E;
	padding: .9rem;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 900;
	size: 12px;
	line-height: 20px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 100px;
    width: 150px;
    transition: 0.3s;
}
#subscribe:hover{
	background-color: #e06d5e; 
}
#submit{
	background-color: #3f4749;
	margin-left: 0 auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:100px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border:none;
    width: 6em;
    height: 1em;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}
#first-blogpost{
	background-color: #7bdcb5;
	color: #292929;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 33px;
	padding: 2.5rem;
}
/* FOOTER */
#main-footer{
	background: #333;
	color: #fff;
	text-align: right;
	padding: 5px;
	margin-top: 10px;
	float;
}
#main-footer p{
	width: 98%;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
}
/* CONTACT PAGE INTO 2 COLUMNS*/
#contact-reason-dropdown{
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #7f8d8c;
	display: block;
	width: 90%;
	padding: 0.75em;
	background-color: #F1F2F4;
	border: 0;
	outline-color: red;
}
#contact-reason-dropdown:hover{
	color: #FFF;
	background-color: #DEDEDE;
}
#contact-textbox{
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #7f8d8c;
	display: block;
	width: 90%;
	border: 0;
	background-color: #F1F2F4;
	padding-right: 1rem;
	padding-left: 0.5rem;
	padding: 0.75rem;
	outline-color: red;
}
#privacy-policy-button{
	border: 0;
	color: #FFFFFF;
	background-color: #484C4E;
	padding: .9rem;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 900;
	size: 12px;
	line-height: 20px;
	padding-right: 1rem;
	padding-left: 1rem;
	transition: 0.3s;
}
#privacy-policy-button:hover{
	background-color: #e06d5e;
}
#submit-button{
	border: 0;
	color: #FFFFFF;
	background-color: #484C4E;
	padding: .9rem;
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 900;
	size: 12px;
	line-height: 20px;
	padding-right: 1rem;
	padding-left: 1rem;
	transition: 0.3s;
}
#submit-button:hover{
	background-color: #e06d5e;
}
#contact-label{
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 33px;
	color: #7f8d8c;
}
#contact-text{
	font-family: "Source Sans Pro", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 33px;
	color: #7f8d8c;
}
.contact-row{
	display: flex;
}
.contact-column{
	flex: 50%;
	padding-right: 10px;
}
.row{
	display: flex;
}
.row1{
	display: flex;
	padding-bottom: 2px; 
}
.collage1-column{
	flex: 20%;
	padding-right: 10px;
}
.collage2-column{
	flex: 53.45%;
	padding-right: 10px;
}
.collage3-column{
	flex: 30%;
	padding-right: 4px;
}
.collage4-column{
	flex: 69.69%;
}
.collage5-column{
	flex: 28%;
	padding-right: 4px;
}
.collage6-column{
	flex: 64%;
	padding-right: 4px;
}

.collage7-column{
	flex: 23%;
	padding-right: 4px;
}
.collage8-column{
	flex: 15.7%;
	padding-right: 4px;
}
.collage9-column{
	flex: 25%;
	padding-right: 4px;
}
/* FIRST BLOG GREEN BACKGROUND TEXT */
.background-green{
	background-color: #7bdcb5;
}
/* REQUIRED FIELD IN CONTACT SECTION */
.required-red{
	color: #e06d5e;
}

@media all and (max-width: 500px) {
	#contact-reason-dropdown{
		font-family: "Source Sans Pro", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #7f8d8c;
		display: block;
		width: 100%;
		padding: 0.75em;
		background-color: #F1F2F4;
		border: 0;
		outline-color: red;
	}
	
	.form-right{
		width: 100%;
	}
	
	.mobile-centering{
		text-align: center;
	}
	
	#contact-textbox{
		font-family: "Source Sans Pro", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		color: #7f8d8c;
		display: block;
		width: 100%;
		border: 0;
		background-color: #F1F2F4;
		padding-right: 1rem;
		padding-left: 0.5rem;
		padding: 0.75rem;
		outline-color: red;
	}
	
	#contact-label{
		font-family: "Source Sans Pro", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 33px;
		color: #7f8d8c;
		padding-top: 0;
	}
	
	.special-container{
		width: 100%;
	}
	
	.text-info{
		display: block;
	}
	
	#chalyse-portrait{
		display: block;
		width: 100%;
		padding-left: 5rem;
		padding-right: 5rem;
		padding-bottom: 2rem;
	}
	
	#basic-image-left{
	display: block;
	width: 100%;
	height: auto;
	margin-right: auto;
	}
	
	#basic-image{
		display: block;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* FOOTER */
	#main-footer{
		background: #333;
		color: #fff;
		text-align: right;
		padding: 5px;
		margin-top: 10px;
	}
	#main-footer p{
		width: 100%;
		font-style: normal;
		font-weight: 400;
		font-size: 11px;
		line-height: 20px;
}
	
	.designed-by-chalyse-title{
		font-family: "Open Sans", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 50px;
		line-height: 60px;
		color: #24282d;
		text-align:	center;
	}

	.blogging-container{
		width: 90%;
		margin: auto;
		overflow: hidden;
		padding-bottom: 20px;
	}

	#headinglogo{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 2.5rem;
	}

	#branchimage{
		display: block;
		width: 150px;
		height: 150px;
		margin-left: auto;
		margin-right: auto;
	}

	#mini{
		width: 40%;
		border: 1px solid;
		margin: 1rem;
		margin-left: auto;
		margin-right: auto;
	}
	#whiteline{
		width: 80%;
		color: #979797;
	}

	#subheading1-centre{
		font-family: "Open Sans", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		line-height: 32px;
		color: #24282d;
		text-align: center;
		margin-top: 1rem;
		margin-bottom: 0;
	}

	.index-welcome{
		text-align: left;
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		line-height: 46px;
		color: #24282d;
		font-weight: 100;
		padding-left: 2rem;
	}

	#small-text{
		font-family: "Source Sans Pro", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 33px;
		color: #7f8d8c;
	}

	#email{
		font-family: "Source Sans Pro", sans-serif;
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
		line-height: 24px;
		color: #7f8d8c;
		width: 70%;
		outline-color: red;
		background-color: #F1F2F4;
		border: 0;
		padding-right: 1rem;
		padding-left: 0.5rem;
		padding-top: 1rem;
		padding: 0.75rem;
	}

	#subscribe{
		border: 0;
		color: #FFFFFF;
		background-color: #484C4E;
		padding: .9rem;
		font-family: "Source Sans Pro", sans-serif;
		font-style: normal;
		font-weight: 900;
		size: 12px;
		line-height: 20px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 100px;
		width: 150px;
		transition: 0.3s;
	}
	#subscribe:hover{
		background-color: #e06d5e; 
	}
}