/*Home Page*/
.navbar {
	background-color: #F6F6F6;
}

.navbar .logo {
	text-decoration: none;
	font-size: 30px;
	color: black;
	font-weight: bold;
}

.navbar-nav .nav-item > .nav-link {
	font-size: 19px;
	color: black;
}

.navbar-nav .nav-item > .btn:hover {
	background-color: transparent;
	border: 1px solid black;
}

.bg {
	height: 90vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), url(../img/homepage.jpg);
}

.title {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	height: 550px;
}

.title > h1 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 60px;
	font-weight: bold;
}

.title > p {
	color: white;
	font-size: 25px;
}

.title > .by {
	font-style: italic;
}

.title > .btn:hover {
	border: 1px solid yellow;
	background-color: transparent;
	color: white;
}

.about {
	background-color: #F7F7F7;
	height: 100%;
}

.about-wrap > p {
	font-size: 35px;
}

.about-wrap .inner-wrap .text > p {
	font-size: 20px;
}

.contact-wrap > p {
	font-size: 35px;
	
}

.img {
	height: 626px;
}