#background {
    /*background-image: url('');*/
    background-color: #1c472d;
    background-repeat: no-repeat;
}
body {
    font-family: "Revalia", sans-serif!important;
    font-weight: 400!important;
    font-style: normal!important;
}

.container {
  margin: 50px;
}

a {
  color: #ffb612;
}

.headercontent {
    text-align: left;
    padding: 20px;
}

.headerimg {
    text-align: center;
    padding-top: 50px;
}

.pfpimg {
    width: 80%;
}

.hcontent ul li {
    display: inline;
}
.title {
    color: #fff;
    font-size: 45px;
    text-shadow: 2px 2px 5px #ffb612;
}

.hcontent h4 {
  color: #fff;
}

.line {
  color: #ffb612;
  margin: 25px 0;
}

.line2 {
  clear: both;
  visibility: hidden;
  margin: 25px 0;
}

.mcontent {
    text-align: center;
}

.discordbox {
    border: 5px solid #fff;
    border-radius: 10%;
    color: #fff;
    padding: 10px;
}

.discordbox a {
    color: #ffb612;
}

.social-icons {
    text-align: center;
}

#footer p {
    text-align: center;
    color: #fff;
}

/************************************************
Mobile Styles
*************************************************/

@media screen and (max-width: 480px) {
    .discordspacer {
        display: none;
    }
    .headerimg {
        padding-top: none;
        width: 10%;
    }
    .headercontent {
        text-align: center;
    }
    .pfpimg {
        width: 50%;
    }
    .discordbox h2 {
      font-size: medium;
    }
    .discordbox p {
      font-size: smaller;
    }
    .title {
      font-size: x-large;
    }
  }

/************************************************
End Mobile Styles
*************************************************/

/************************************************
Flex Grid
*************************************************/
.rowflex {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  .colflex {
    flex: 1 1 8%;
    margin: 0 0 0.5rem 0;
    padding: 0.5em 10px;
    box-sizing: border-box;
  }
  
  /* nested grids */
  .rowflex .rowflex, .rowflex.nested {
    flex: 1 1 auto;
    margin-top: -0.5em;
  }
  
  /* full width grids */
  .rowflex.wide-fit {
    margin-left: -10px;
    margin-right: -10px;
  }
  
  /* center grids */
  .rowflex.center {
    justify-content: center;
  }
  
  .center .colflex {
    flex-grow: 0;
    flex-shrink: 0;
  }
  
  /* columns widths */
  
  .colflex-span-1 {
    flex-basis: 8.3333%;
  }
  
  .colfex-span-2 {
    flex-basis: 16.6666%; 
  }
  
  .colflex-span-3 {
    flex-basis: 25%;
  }
  
  .colflex-span-4 {
    flex-basis: 33.3333%;
  }
  
  .colflex-span-5 {
    flex-basis: 41.6666%;
  }
  
  .colflex-span-6 {
    flex-basis: 50%;
  }
  
  .colflex-span-7 {
    flex-basis: 58.3333%;
  }
  
  .colflex-span-8 {
    flex-basis: 66.6666%;
  }
  
  .colflex-span-9 {
    flex-basis: 75%;
  }
  
  .colflex-span-10 {
    flex-basis: 83.3333%;
  }
  
  .colflex-span-11 {
    flex-basis: 91.6666%;
  }
  
  .colflex-span-12 {
    flex-basis: 100%;
  }
  
  /* examples */
  
  .fixed-width {
    flex: 0 0 500px;
    background-color: rgba(255,0,0,0.1) !important;
  }
  
  @media all and (max-width: 568px) {
    .colflex-span-1,
    .colflex-span-2,
    .colflex-span-3,
    .colflex-span-4,
    .colflex-span-5 {
      flex-basis: 50%;
    }
  
    .colflex-span-6,
    .colflex-span-7,
    .colflex-span-8,
    .colflex-span-9,
    .colflex-span-10,
    .colflex-span-11 {
      flex-basis: 100%;
    }
  
    .nested .colflex {
      flex-basis: 100%;
    }
    
  }

/************************************************
End Flex Grid
*************************************************/