* {
  font-family: 'Fjalla One', sans-serif; }

h1 {
  text-transform: uppercase; }

.next-page {
  color: #e74c3c;
  text-transform: lowercase; }

.brand-logo {
  text-shadow: 1px 1px 1px #000; }
  .brand-logo img {
    padding: 15px; }

#social {
  display: block;
  font-size: 2.2em;
  text-align: left;
  padding-left: 15px;
  background-color: transparent; }
  #social i {
    display: inline-block;
    padding: 10px;
    cursor: pointer; }

#socialLine {
  display: block;
  font-size: 2.2em;
  text-align: center;
  padding-left: 15px;
  background-color: transparent; }
  #socialLine i {
    display: inline-block;
    padding: 10px;
    cursor: pointer; }

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 1.2rem;
  color: #000;
  display: block;
  padding: 1rem 1rem; }

/*********************
MAIN CONTENT SECTIONS
**********************/
nav {
  background-color: transparent;
  position: absolute;
  z-index: 999999;
  box-shadow: none;
  text-transform: uppercase; }
  nav .brand-logo {
    color: #FFF;
    padding-left: 15px; }
  nav ul a {
    color: white; }

.galleryNav {
  position: relative; }

.contact-stuff {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  position: absolute;
  width: 100%;
  bottom: 0; }

#galleryButton a {
  border: 2px solid white;
  padding: 15px; }

/*********************
MAIN CONTENT SECTIONS
**********************/
div.section-about {
  background-color: red;
  background: url("../assets/img01.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.view-gallery {
  background-color: rgba(235, 235, 235, 0); }

div.section-projects {
  background-color: darkblue;
  background: url("../assets/img03.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

div.section-contact {
  background-color: darkblue;
  background: url("../assets/img05.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

/***************
Image pages
****************/
.img-row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }
  .img-row .col img {
    border: 15px solid black; }

#about {
  background-color: #000; }

/***************
MEDIA QUERIES
****************/
@media only screen and (max-width: 640px) {
  .brand-logo img {
    padding: 15px;
    height: 59px; } }

/*# sourceMappingURL=slide.css.map */