@charset "UTF-8";

::selection { background-color: #003c8f;}
::-moz-selection { background-color: #003c8f;}
::-webkit-selection { background-color: #003c8f;}

* { padding: 0;margin: 0;}

body { font-weight: 300 !important;font-family: 'Montserrat', sans-serif;}

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

header {
  width:100%;
  height:600px;
  position: relative;

  /* background-image: url(../img/header.jpg);
  background-size: cover;
  background-position: center; */
  background-color: #003c8f;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  margin-bottom: 53px;
}

header h1 {
  font-size: 32px;
  line-height: 32px;
  text-align: center;
  width:90%;

  font-weight: 300;

  background-color: #fff;

  padding: 40px;
  width: 70%;

  position: relative;
  top: 53px;
}

@media screen and (max-width:900px) {
  header h1 { width: 100%;}
}

#about {
  width: calc(100% - 80px);
  background-color: #fff;

  padding:40px;
  position: relative;

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

#about p {
  width: 60%;
  font-size: 19px;

  margin-bottom: 20px;
}

footer {
   background-color: #003c8f;
   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 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 45px;
}

footer a:hover {
   color: #ddd;
}

footer a.main:hover {
  color:#4c65bf;
}

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

   background-color: #4c65bf;
   border-radius: 9px;
}

footer .links {
   margin-top: 16px;
   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;}