/* --------------------------- */
/* BASIC SETUP */
/* --------------------------- */

body {
	background-color: #fff;
	font-family: Lato;
	font-size: 18px;
	color: #e0be8b;
}


/* --------------------------- */
/* REUSABLE COMPONENTS */
/* --------------------------- */

/*section {
	height: 100vh;
}*/


/* ----- HEADINGS & PARAGRAPHS ----- */

h1 {
	font-weight: 700;
	font-size: 5em;
}

h2 {
	margin-top: 60px;
	font-size: 3em;
	word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

p {
	color: #281a0d;
}

hr {
	width: 400px;
	border-top: 2px solid #281a0d;
	border-bottom: 2px solid rgba(229,218,197,0.8);
}


/* ----- BUTTONS ----- */

.btn-info {
	background-color: #281a0d;
	border-color: #281a0d;
	color: #E5DAC5;
	box-shadow: 0px 4px 3px rgba(40,26,13,0.4),
				0px 8px 13px rgba(40,26,13,0.1),
				0px 18px 23px rgba(40,26,13,0.1);
}

.btn-info:hover {
	background-color: transparent;
	border-color: #281a0d;
	color: #281a0d;
	transition: color 0.2s, background-color 0.2s;
}


/* --------------------------- */
/* NAVBAR */
/* --------------------------- */

.navbar-default .navbar-toggle {
	border-color: #e0be8b;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #e0be8b;
}

.navbar-default .navbar-toggle.collapsed {
	border-color: #e0be8b;
}

.navbar-default .navbar-toggle.collapsed .icon-bar {
	background-color: #e0be8b;
}

.navbar-default {
	background-color: #281a0d;
	border-color: #281a0d;
}

.navbar-default .navbar-brand img {
    height: 130%;
}

.nav.navbar-nav li a {
	color: #e0be8b;
	font-size: 1em;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
	background-color: #e0be8b;
	color: #281a0d;
	font-size: 1em;
}

.navbar-default .navbar-nav li a:hover {
	background-color: #e0be8b;
	color: #281a0d;
    transition: color 0.4s, background-color 0.4s;
}


/* --------------------------- */
/* HEADER */
/* --------------------------- */

header {
	height: 100vh;
	background-image: url('../img/background-cow.jpeg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

#content {
	text-align: center;
	padding-top: 8%;
	text-shadow: 0px 4px 3px rgba(40,26,13,0.4),
				 0px 8px 13px rgba(40,26,13,0.1),
				 0px 18px 23px rgba(40,26,13,0.1);
	color: #281a0d; 			 
}


/* --------------------------- */
/* ABOUT */
/* --------------------------- */

.section-about {
	color: #281a0d;
}

.container .col-lg-6 img {
	display: block;
	width: 550px;
	margin: 60px 0px;
	border: none;
	border-radius: 50%;
}

.container .col-lg-6 p {
	padding-left: 60px;
}


/* --------------------------- */
/* GALLERY */
/* --------------------------- */


.section-gallery {
	background-color: #281a0d;
}

.thumbnail {
	margin: 30px;
    overflow: hidden;
    background-color: #000;
}

.section-gallery img {
    opacity: 0.7;
    width: 100%;
    height: auto;
    transform: scale(1.20);
    transition: transform 0.5s, opacity 0.5s;
}

.section-gallery img:hover {
    opacity: 1;
    transform: scale(1.05);
}


/* --------------------------- */
/* PROJECTS */
/* --------------------------- */

.section-projects {
	color: #281a0d;
}