@font-face {
    font-family: 'Nexa_Free_Bold';
    src: url('fonts/Nexa_Free_Bold-webfont.woff2') format('woff2'),
         url('fonts/Nexa_Free_Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  background-image: url("Images/bg.jpg");
  background-size: cover;
}

* {
margin: 0px;
padding: 0px;
font-family: "Nexa_Free_Bold";
}

ul {
  list-style-type: none;
  overflow: hidden;
}

h1 {
  transition-duration: 1s;
}

h1:hover {
  font-size: 50px;
}

.navitem a {
  text-decoration: none;
  color: #e6302f;
  transition-duration: 1s;
}

#first {
  float: left;
}

.main a {
  text-decoration: none;
  transition-duration: 1s;
  color: black;
}

a {
  text-decoration: none;
  color: black;
}

.main {
  display: block;
  float: right;
  padding: 13px 50px;
}

.navitem {
  display: block;
  float: right;
  padding: 13px 50px;
  color: white;
}

a:hover {
  color: black;
}

#navbar {
  width: 100%;
}

#home {
  padding: 10px 50px;
}

#bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
}

img {
  width: auto;
  height: 400px;
}

.column {
  float: left;
  width: 30%;
  padding: 5px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

.bottom {
  display: block;
  float: left;
}

.fa {
  padding: 13px 50px;
  color: white;
  transition-duration:1s;
  font-size: 100px;
}

.fa:hover {
  color: black;
}