body {
	color: #292929;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
	font-family: "Roboto", sans-serif;
}

p {
	font-family: "Roboto", sans-serif;
}

a {
	color: #292929;
	font-family: "Roboto", sans-serif;
}

.header {
	font-family: "Roboto", sans-serif !important;
}

.name {
	display: inline-block;
	font-family: "Roboto", sans-serif;
	font-size: 25px;
}

.slogan {
	font-family: "Roboto", sans-serif;
}

.download-resume {
	color: #4552ff;
	font-weight: 600;
}

.hero-image {
	width: 700px;
	height: 650px;
	border-radius: 10px;
}

.first-logo {
	width: 150px;
	height: 30px;
}

.second-logo {
	width: 159px;
	height: 50px;
}

.third-logo {
	width: 200px;
	height: 50px;
}

.forth-logo {
	width: 150px;
	height: 60px;
}

.companies-logo {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact-desciption {
	border: #4552ff;
	border-radius: 10px;
}

/*******************************************************************************
  Main Header
*******************************************************************************/

/*******************************************************************************
  Sections (shared)
*******************************************************************************/

.section-box {
	min-height: 100vh;
	border: 1px solid #ddd;
}

/*******************************************************************************
  Splash Section
*******************************************************************************/

#splash {
	display: grid;
	grid-template-rows: 100px auto 140px;
	grid-template-columns: 100%;
}

#splash > header {
	background-color: beige;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}

#splash > header > .brand {
	display: flex;
	flex-direction: row;
	align-items: center;
}

#splash > header > nav {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

#splash .jumbotron {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#splash .jumbotron .desc {
	flex-grow: 2;
	height: 100%;
	background-color: darkmagenta;
}

#splash .jumbotron .banner-pic {
	width: 38%;
	height: 100%;
	background-color: cornflowerblue;
}

#splash .clients-list {
	background-color: coral;
}

/*******************************************************************************
  Projects Section
*******************************************************************************/

/*******************************************************************************
  Services Section
*******************************************************************************/

/*******************************************************************************
  Contact Section
*******************************************************************************/

/*******************************************************************************
  Main Footer
*******************************************************************************/