/* General nav */
nav {
    margin-bottom: 40px !important;
}

/* Desktop nav */
.ui.fixed.main.menu .right.menu > .item:last-of-type {
    border-right: 1px solid rgba(34, 36, 38, 0.0980392);
}

nav .mobile.only.row .ui.vertical.menu {
  margin-top: 40px;
  display: none;
}

/* Flashes */
.flashes > .ui.message:last-of-type {
    margin-bottom: 2rem;
}

/* Tables */
table.selectable tr:hover {
    cursor: pointer !important;
}


  body {
    font-family: "Roboto", sans-serif;
  }
  
  
  .wrapper {
    width: 900px;
    margin: 0 auto;
  }
  
  
/* Header */
  
  .header-container {
    height: calc(100vh - 72px);
    display: flex;
    align-items: center;
    margin-top: -128px;
    margin-left: -128px;
  }
  
  header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  header h1 {
    font-family: Poppins;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 114.4%;
    /* or 32px */
    
    letter-spacing: 0.28em;
    text-transform: uppercase;
    
    color: #0E6EB8;
    margin-bottom: 24px;
  }
  
  header p {
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 72px;
    line-height: 114.4%;
    /* or 82px */
    color: #000000;
    width: 720px;
    margin-bottom: -18px;
   }

  header img {
      width:300px;
      margin-bottom: 48px;
  }
  
  header a {
    color: #ffffff;
    font-size: 24px;
    text-decoration: none;
  
    /* background: #01847f; */
    background: #0E6EB8;
    border-radius: 8px;
    padding: 12px 48px;
    display: inline-block;
    transition: 300ms;
  }
  
  header a:hover {
    transform: translateY(-8px);
    color: #ffffff;
  }

        
  /* Hero image */

  header .hero-image {
    position: relative;
  }
  
  header .hero-image img {
    transition: 300ms;
    position: relative;
    z-index: 100;
  }
  
  header .hero-image img:hover {
    transform: rotate(-6deg);
  }
  
  header .hero-image .photo-bg {
    position: absolute;
    width: 500px;
    height: 500px;
    left: 45px;
    top: 24px;
  
    background: #44a1a0;
    transform: rotate(-6deg);
  }

  .rnjupload-container {
    border: 2px dashed #ccc;
    border-radius: 20px;
    width: 580px;
    margin: 50px auto;
    padding: 20px;
    line-height: 40px;
    text-align: right;
  }
  
.rnjupload-container form  { display: table;      }
.rnjupload-container p     { display: table-row; padding-bottom: 18px; }
.rnjupload-container label { display: table-cell; padding-right: 8px; }
.rnjupload-container input { display: table-cell; }

#rnjgallery {
    margin-top: 10px;
  }
#rnjgallery a {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
  }