/* STYLE FOR: <Project Title>

Google Fonts used:

font-family: 'Lato', sans-serif;
Blue: #1dcad3

*/

/* GEN POP */

html {
  scroll-behavior: smooth;
}
body {
	font-family: 'Lato', sans-serif;
}
p {
   font-size: 1.2rem;
   font-weight: 400;
   color: #8e8e8e;
}
a {
   color: #000;
}
a:hover {
   text-decoration: none;
   color: #1dcad3;
}

/* HEADINGS */

h1 {
	font-size: 1.4rem;
	font-weight: 600;
}
h2 {
	font-size: 1.2rem;
	color: #8e8e8e;
}


/* COLORS */

.blue {
	color: #1dcad3;
}
.white {
	color: #fff;
}

/* BACKGROUNDS */

.bg-top {
	background: url('../img/bg-top.jpg') no-repeat 50% 0;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	padding: 18rem 7rem;
}
.bg-top p {
	color: #8e8e8e;
	font-weight: 600;
	font-size: 1.4rem;
	margin-top: 2rem;
	letter-spacing: 2px;
}
.bg-blue {
	background-color: #1dcad3;
	color: #fff;
}
.bg-light-gray {
	background-color: #eeeeee;
}
.bg-one {
	padding: 3rem;
	background-color: #1dcad3;
}
.bg-two {
	padding: 3rem;
	background-color: #a7e4e8;
}
.bg-three {
	padding: 3rem;
	background-color: #a1a1a1;
}
.bg-one p,
.bg-three p {
	color: #fff;
}
.bg-two p {
	color: #11979e;
}

/* BUTTONS */



/* TYPO */

.media-body {
	color: #8e8e8e;
}
p.credit {
	font-size: 0.7rem;
	padding-top: 5px;
	font-weight: 600;
	color: #fff;
}

/* POSITION (PADDINGS, MARGINS, ETC..) */

.section {
   padding-top: 80px;
   padding-bottom: 80px;
}
.full-width {
	width: 100%;
}

/* LISTS */



/* HEADER */

.navbar {
    padding: .5rem 0 0;
}
.navbar-light .navbar-nav {
	width: 100%;
	-webkit-box-shadow: 0px -15px 20px -12px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px -15px 20px -12px rgba(0,0,0,0.4);
	box-shadow: 0px -15px 20px -12px rgba(0,0,0,0.4);
}
.navbar-light .navbar-nav .nav-link {
	color: #1dcad3;
	font-weight: 600;
	padding-right: 2rem;
    padding-left: 2rem;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
	color: #fff;
	background-color: #1dcad3;
}

/* FOOTER */



/* CONTENT */


