/* LOGO*/
#logo {
	color: #003363;
	font-size: 24px;
	font-family: Montserrat;
	font-weight: 900;
	line-height: 24px;
	word-wrap: break-word
}


/* About me*/
nav a {
	color: #004E84 !important;
	font-size: 16px;
	font-family: Montserrat;
	font-weight: 700;
	line-height: 24px;
	word-wrap: break-word
}


/*// Seeing the world<br/>through my lens*/
#title {
	 color: white;
	 font-size: 68px;
	 font-family: Montserrat;
	 font-weight: 700;
	 line-height: 84px;
	 word-wrap: break-word
}


/*// View my work*/
#base {
	/*Text*/
	 color: white;
	 font-size: 16px;
	 font-family: Montserrat;
	 font-weight: 800;
	 line-height: 24px;
	 word-wrap: break-word

	/*Base*/
	align-items: center;
	padding: 8px 24px;
	background: #12C6FF;
	border-radius: 2px;

}


/*banner in the landing page*/
#landing {
	background: 

		linear-gradient(
			rgba(0, 34, 64, 0.61),
			rgba(0, 34, 64, 0.61)
		),
		url("./images/banner.png");
		background-repeat: no-repeat;
		background-size: cover;
		;

}


/*about me bg*/
#about {
	background: #003363;
}

/*about me title*/
#text-title {
	color: #12C6FF;
	font-size: 24px;
	font-family: Montserrat;
	font-weight: 700;
	line-height: 32px;
	word-wrap: break-word
}

#about p {
	color: white;
	font-size: 16px;
	font-family: Montserrat;
	font-weight: 500;
	line-height: 24px;
	word-wrap: break-word
}