body {
  color: #222;
  font-family: "brandonText-regular", sans-serif;
  overflow-x: hidden;
  font-size: 18px
}

body a {
  color: #E1416C;
  text-decoration: none !important;
  font-family: "brandonText-regular", sans-serif;
}

body a:hover{
  color: lightpink;
  text-decoration: none;
}

h1, h2, h3, b {
  font-family: "brandonText-black", sans-serif;
}

h2 {
  color: #E1416C;
}

footer a i.fa {
  color: white;
}

.h1-desc {
  padding:20px 0 10px 0;
}

.roundbtnfill, .roundbtnfill:focus {
  background: #E1416C;
  color: #fff;
  font-size: 16px;
  border-radius: 50px;
  padding: 10px 25px;
  letter-spacing: 1px;
  margin-top: 5px;
}

.roundbtnfill:hover {
  background: #cf315b;
  color: #fff;
}

div.page-button {
  opacity: 0.6;
  position: absolute;
  right: 50%;
}

div.page-button:hover {
  opacity: 1.0;
}

div.page-button.page-up {
  top: 25px;
}

div.page-button.page-down {
  bottom: 25px;
}

a.pager {
  color: white;
  text-decoration: none;
}

a.pager:hover {
  color: white;
  text-decoration: none;
}

.page-desc {
  padding-top: 25vh;
  padding-left: 30px;
  padding-bottom: 50px;
  color:white;
  height: 100vh;
}

.icon {
  width: 135px;
  margin: 20px;
}

.page-end-box {
  margin:30px 0 30px 0;
  font-size: 20px;
  color: grey;
}

@media (min-width: 768px) {
  .sep-border {
    border-right: #E53C6B thin solid;
  }
}