body {
	margin: 0;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

p {
	margin: 0;
}

/**Begining or writeing our own reset**/

.clear {
	clear: both;
}

header {
	padding: 25px 0 0px 0;
	background-color: #e4f9f5;
	margin-bottom: 25px;
}

nav a {
	color: #49b29a;
	margin-left: 10px;
	text-decoration: none;
}

.wif {
	color: #306;
}

#top-container{
	padding: 25px 0 25px 0;
	background-color: #e4f9f5;
}

.main-text {
	text-align: center;
}

.logo-top {

}

.logo {
	margin-bottom: 10px;
}

#my-name {
	color: #709DCC;
	/**font-family: 'Sacramento', cursive;**/
	margin-bottom: 0px;
}

#my-tag {
	color: #9CC4E5;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	font-size: 50px;
}

.hr {
	width: 1%;
  border-style: none;
  border-top-style: dotted;
  border-width: 7px;
  border-color: #709DCC;
  margin-top: 15px;
  margin-bottom: 15px;
}

.logo {
	margin-top: 25px;
}

.name {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #45b29a;
}

#my-speech {
	color: #45b29a;
	text-align: center;
	font-size: 1rem;
	line-height: 26px;
	margin: 0 auto 25px auto;
	width: 75%;
}

#skills {
	text-align: center;
	margin: 25px auto 25px auto;
	width: 50%;
}

.skill-row:hover {
	background-color: #e4f9f5;
}

.skill-row {
	transition: background-color 2s;
	border-radius: 5px;
	padding: 50px 25px 50px 25px;
	text-align: left;
	/**width: 50%;**/
	line-height: 25px;
	color: #45b29a;
	margin: 50px 0 50px 0;
}

.skill-row h3 {
	color: #49b29a;
	margin-bottom: 10px;
}

.skill-row p {

}

.skill-img {
	margin: 25px auto 25px auto;
}

.skill-img-design {
	margin-right: 25px;
	float: left;
}

.skill-img-webflow {
	margin-left: 25px;
	float: right;
}

.skill-img-coding{
	margin-right: 25px;
	float: left;
}

.skill-img-photo{
	margin-left: 25px;
	float: right;
}

#skill-mid {
	margin: 0 50px;
	transition: background-color 2s;
	transition: margin 2s;
	margin-bottom: 10px;
	background-color: #e4f9f5;
	padding: 40px 0;
	border-radius: 5px;
}

#skill-mid:hover {
	margin: 0 0px;
	border-radius: 5px;
	background-color: #0C5858;
	color: #FFF;


}

#skill-mid p {
	width: 70%;
	margin: 0 auto;
}

.skill-img-business{
	text-align: center;
	margin-bottom: 10px;
}

#skill-img-heading {
	color: #49b29a;
	margin-bottom: 10px;
}

#skill-img-para {
	color: #46b29a;

}

.contact-me {
	margin-bottom: 50px;
}

.bottom-container{
	margin-bottom: 25px;
	background-color: #e4f9f5;
	padding: 25px 0;
	padding-bottom: 30px;
}

.footer-link{
	transition: color 2s;
	color: #49b29a;
	margin: 0 10px;
	text-decoration: none;
}

.footer-link:hover {
	color: #0C5858;
}

.umann{
	color: #41b29a;;
	padding-top: 30px;
}

#contact-me {
margin: 50px 0;
}

.talk {
 font-size: 2em;
 color: #49b29a;
 margin-bottom: 15px;
}

.talk-text {
	font-size: 1em;
  color: #49b29a;
	margin-bottom: 35px;
}

.btn{
	transition: background-color 2s;
	transition: color 2s;
	border-radius: 5px;
	background-color: #49b29a;
	color: white;
	text-decoration: none;
	padding: 15px;
}

.btn:hover{
	background-color: white;
	color: #49b29a;
}
/**portfoilio section**/
.list-item img{
	max-width: 100%;

}

.list-item:hover {
 opacity: 0.7;
}


.list-item{
	width: 30%;
	margin-top: 25px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
	display: inline-block;
}

.portfolio{
	padding-top: 25px;
}