body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}


/*----------- BACKGOUND COLOURS -----------*/

.bg-home {
	background-image: linear-gradient(90deg, #665d96 25%, rgba(137, 125, 189) 70%, rgb(213, 204, 255) 120%);
}

.bg-home-body {
	background-color: rgba(137, 125, 189, 0.1);
}

.bg-home-footer {
	background-color: rgba(137, 125, 189, 0.486);
}

.bg-about {

	background-image: linear-gradient(90deg, #db5233 0%, #f2694a 70%, #f59984 120%);
}

.bg-about-body {
	background-color: rgba(242, 105, 74, 0.075);
}

.bg-about-footer {
	background-color: rgba(242, 105, 74, 0.486);
}

.bg-resume {
	background-image: linear-gradient(90deg, #393939 0%, #636363 70%, #949393 120%);
}

.bg-resume-body {
	background-color: rgba(57, 57, 57, 0.1);
}

.bg-resume-footer {
	background-color: rgba(57, 57, 57, 0.486);
}

.bg-projects {
	background-image: linear-gradient(90deg, #006363 0%, #01a0a0 70%, #43dfdf 120%);
}

.bg-projects-body {
	background-color: rgba(0, 128, 128, 0.1);
}

.bg-projects-footer {
	background-color: rgba(0, 128, 128, 0.486);
}

.bg-contact {
	background-image: linear-gradient(90deg, #2b74e2 0%, #61a0ff 70%, #bcd7ff 120%);
}

.bg-contact-body {
	background-color: rgba(85, 153, 255, 0.1);
}

.bg-contact-footer {
	background-color: rgba(85, 153, 255, 0.486);
}

.bg-blog {
	background-color: #00b2c6;
	background-image: linear-gradient(90deg, #007986 0%, #1abcce 70%, #74f1ff 120%);
}

.bg-blog-body {
	background-color: rgba(0, 178, 198, 0.05);
}

.bg-blog-footer {
	background-color: rgba(0, 178, 198, 0.486);
}


/*----------- VARIOUS -----------*/

.body, html {
	height: 100%;
}

.image {
    width: 12rem;
	margin-top: 3rem;
}

.imageAbout {
    width: 5rem;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.imageResume {
    width: 5.1rem;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.imageProjects {
    width: 11.4rem;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.imageContact {
    width: 3.85rem;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.imageBlog {
    width: 8.8rem;
	margin-top: 4rem;
	margin-bottom: 2rem;
}

.logo {
	width: 15rem;
	height: 15rem;
	text-align: center;
}

.expand {
     flex-grow: 1;
}

.container h1 {
	font-size: 3rem;
}

#myNav .navbar-nav li.nav-item a.nav-link:hover {
    color: #E8AA00;
}

#homeImage {
    width: 15rem;
    border-radius: 5%;
	margin-top: 5rem;
}

#blogImage {
    width: 236px;
}


/*----------- HOVER -----------*/

.container {
	position: relative;
	width: 50%;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .5s ease;
}

.card .overlay:hover {
	opacity: 1;
	padding-top: 55px;
	font-size: 47px;
}

.card .overlay a {
	text-decoration: none;
	color: #ffffff;
}


/*----------- PROJECT -----------*/

/* #gallery img:hover {
	filter:none;
}*/

.abc {
	width: 10px;
	margin-bottom: 5px;
}

/* #gallery {
	line-height:0;
	-webkit-column-count:2;
	-webkit-column-gap:5px;
	-moz-column-count:5;
	-moz-column-gap:5px;
	column-count:5;
	column-gap:5px;
} */


/*----------- BLOG -----------*/

.blog {
	width: 300px;
	height: 400px;
	background-size: cover;
}

.bg-image {
	width: 100px;
	height: 200px;
	display: flex;
	background-size: 100%;
}


/*----------- MEDIA -----------*/

@media (min-width: 992px) {
	.container h1 {
		font-size: 3.5rem;
	}

	div#aboutImage {
		width: 236px;
	}
}


/*----------- PROJECT -----------*/

/* @media (max-width: 1200px) {
	#gallery {
	 -moz-column-count:    4;
	 -webkit-column-count: 4;
	 column-count:         4;
	}
}

@media (max-width: 1000px) {
	#gallery {
	 -moz-column-count:    3;
	 -webkit-column-count: 3;
	 column-count:         3;
	}
}

@media (max-width: 800px) {
	#gallery {
	 -moz-column-count:    2;
	 -webkit-column-count: 2;
	 column-count:         2;
	}
}

@media (max-width: 400px) {
	#gallery {
	 -moz-column-count:    1;
	 -webkit-column-count: 1;
	 column-count:         1;
	}
} */