.btn-border,
.btn-primary {
  border-color:#2044d2
}
.logo,
a,
h2 {
  color:#2044d2
}
h1 {
  font-weight:700;
  font-size:28px
}
h2 {
  font-size:24px;
  font-weight:600
}
.logo {
  font-weight:800;
  font-size:40px
}
.logo:hover,
.logo:visited {
  text-decoration:none!important;
  color:#2044d2
}
@media (max-width:767px) {
  .hidden-mobile {
    display:none
  }
  header {
    text-align:center
  }
}
@media only screen and (max-width:400px) {
  .laptop {
    display:none
  }
  .logo,
  .mobile,
  .navbar-toggler {
    font-size:18px
  }
}
@media only screen and (min-width:401px) and (max-width:500px) {
  .laptop {
    display:none
  }
  .logo {
    font-size:28px
  }
  .mobile,
  .navbar-toggler {
    font-size:22px
  }
}
@media only screen and (min-width:501px) and (max-width:800px) {
  .laptop {
    display:none
  }
  .logo,
  .mobile,
  .navbar-toggler {
    font-size:34px
  }
}
@media only screen and (min-width:800px) {
  .mobile {
    display:none
  }
}
/* 
.btn-primary {
  background-color:#2044d2
}
 */
.btn-primary {
  background-color:#2044d2
}
.f {
  font-weight:500;
  line-height:normal;
  margin-bottom:2px
}
a {
  text-decoration:none
}
.form-control {
  margin-bottom:7px
}
.navbar-toggler {
  border:0
}
.article {
  background-color:#f7f7f7;
  border-radius:10px;
  padding:10px 20px;
  margin-bottom:20px
}
.title {
  font-size:20px;
  font-weight:600
}
.author {
  margin-left:30px
}
.view {
  text-align:right
}
.gr {
  color:grey;
  font-size:14px
}
.bic,
.subheader {
  font-size:20px;
  font-weight:600
}
.article-body {
  cursor:pointer
}
.btn {
  max-width:100%
}
.subheader {
  color:#2044d2
}
.subsubheader {
  font-weight:600
}
.flexContainer {
  width:300px;
  display:flex
}
@media (max-width:992px) {
  .flexContainer {
    width:90%
  }
}
.bic {
  padding:20px;
  flex:1;
  border-radius:20px
}
.copy {
  border:none;
  background:0 0;
  margin-left:-40px
}
.carousel-indicators {
  bottom:-40px
}