@charset "UTF-8";

* { padding:0;margin:0;}

::selection { background-color: #b3bc6d;color:#fff;}
::-webkit-selection { background-color: #b3bc6d;color:#fff;}
::-moz-selection { background-color: #b3bc6d;color:#fff;}

html,body { width:100%;font-family: 'Montserrat', sans-serif;}

.subtitle {
  font-size: 24px;
  text-transform: uppercase;
  color:#b3bc6d;
}

.parallax-parent {
  overflow: hidden;
  position: relative;
}

.parallax {
  height:120%;
  width:100%;
  z-index: 0;

  position: absolute;

  background-size: cover;
  background-position: center;
}

header {
  width:100%;
  height:700px;

  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

header h1 {
  font-size: 42px;
  color:#fff;
  z-index: 1;
}

@media screen and (max-width:500px) {
  header h1 { font-size: 37px;}
}

@media screen and (max-height:800px) {
  header { height:500px;}
}

footer {
   background-color: #b3bc6d;
   width: calc(100% - 90px);
   padding: 45px;
   padding-bottom: 5px;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
}

footer a {
   color: #fff;
   font-size: 30px;
   text-decoration: underline;

   padding: 20px;
   margin-bottom: 2px;
   font-family: 'Roboto', sans-serif;
   font-weight: 300;

   transition: all 300ms linear;
}

footer a.main {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 45px;
}

footer a:hover {
   color: #ddd;
}

footer a.main:hover {
  color:#eee;
}

footer .bar {
   height: 2px;
   width: 80%;

   background-color: #C9D188;
   border-radius: 9px;
}

footer .links {
   margin-top: 5px;
   margin-bottom: 5px;
   width: 78%;

   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
}

footer .links a {
   font-size: 19px;
   border: 0;
   text-decoration: none;
   padding: 0;
}

footer .links div {
   display: flex;
   flex-direction: column;
   width: 50%;
   justify-content: flex-start;
}

footer .links div:nth-child(1) { align-items: flex-start;}
footer .links div:nth-child(2) { align-items: flex-end;}

footer#Index .links { align-items: flex-start;}
footer#Index .links div {
   justify-content: initial;
}

footer#Index .links div a { margin-bottom: 10px;