.main {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      height: 100vh;
    }
body{
  background: #7f8891 ;
}
.container-large{
  padding-left: 10%;
  padding-right: 10%;
}
.col{
  padding: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.card{
  padding: 10px;
}
.row{
  margin-left: 0px;
  margin-right: 0px;
}
.logo{
  width: 250px;
  background-color:white;
}


.content{ flex-grow: 1; }

.gallery{
  background-color: white;
  margin-bottom: 50px;
  box-shadow: 10px 10px 5px black;
}

.bg-custom{
  background-color:#130f40;
}
.button-fixed{
  bottom: 0;
  position: fixed;
  right: 0;
  border-radius: 4px;
}
.fas{
  cursor: pointer;
  font-size: 24px;
}
p{
  font-size: 14px;
}
/* The sidepanel menu */
.sidepanel {
  height: 100%; /* Specify a height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
}

/* The sidepanel links */
.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
.text-black{
  color:black;
}
.form-check-input{
  margin-left:0;
  padding:inherit;
}

input[type="radio"]:checked ~ .reveal-if-active,
input[type="checkbox"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 100px; /* little bit of a magic number :( */
  overflow: visible;
}
@font-face {font-family: "PapyrusW01"; src: url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.eot"); src: url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.woff") format("woff"), url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.svg#PapyrusW01") format("svg"); }



h1, h2, h3, h4, h5, h6, p, label{
  font-family: PapyrusW01;=
}

h1{
  color: white;
}