body{
  background-color: #fff;
  color: #000;
  font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
.container {
  width: auto;
  padding: 0 15px;
}

@keyframes rgb {
  0%   {color: #ff0000;}
  33%  {color: #00ff00;}
  66% {color: #0000ff;}
  100%   {color: #ff0000;}
}
.rgb, a:hover{
    animation-name: rgb;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
a:link{
  color: #f00;
  font-weight: bold;
}
a.btn-fb i{
  font-weight: normal;
  vertical-align: -20%;
  margin-right: 1rem;
}
a.btn-fb, a.btn-fb:hover{
  background-color:#25D366;
  color: #fff;
  animation-name: none;
  margin: 2rem auto 4rem auto; 
}
a.btn-wa i{
  font-weight: normal;
  vertical-align: -20%;
  margin-right: 1rem;
}
a.btn-wa, a.btn-wa:hover{
  background-color:#25D366;
  color: #fff;
  animation-name: none;
  margin: 2rem auto 4rem auto; 
}
.logo{
  max-width: 50%;
  display: block;
  margin: auto;
}
.logospace{
  background-color: #000;
  padding: 2rem 0 1rem 0;
  margin-bottom: 5rem;
  position: relative;
}
.logospace:after{
  content: " ";
  position: absolute;
  bottom: calc(-4rem + 1px);
  clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
  background-color: #000;
  width: 100%;
  height: 4rem;
  display: block;
}
.btn-txt{
  display: inline-block;
  line-height: 3rem;
  width: auto;
  text-align: left;
}
.btn-link, .btn-link:link, .btn-link:hover, .btn-link:active, .btn-link:visited{
  color: inherit;
  text-align: left;
}
.uniqueid{
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: #cccccc;
}


.footer {
  background-color: #000;
  font-size:0.8rem;
  text-align: center;
  margin-top: 4rem;
  padding: 1rem 0 3rem 0;
  position: relative;
}
.footer:before{
  content: " ";
  position: absolute;
  top: calc(-4rem + 1px);
  clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
  background-color: #000;
  width: 100%;
  height: 4rem;
  display: block;
}

.footer a, .text-muted a{
  color: #fff;
}
.profile_picture{
  max-width: 200px;
}

.profile_picture-container:after{
  content: "\0039";
  font-family: 'SILENTD';
  color: #fff;
  font-size:1.5rem;
  line-height: 3rem;
  text-align: center;
  display: block;
  background-color: #25D366;
  height: 3rem;
  width: 3rem;
  margin: auto;
  border-radius: 50%;
  position: relative;
  bottom: 200px;
  left: 50px;
}

.tag{
  text-transform: uppercase;
  font-weight: bold;
}


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}