@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Qwigley|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    background: #E9ECEF;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
    box-shadow: none;
    outline: none;
}


li.nav-item {
   font-family: 'Lato', sans-serif;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: rgb(82, 0, 164);
}
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(82, 0, 164,0.5);
}

.blockquote {
    font-size:1.05rem;
}

@media screen and (max-width: 399px) {
    .pic_card {
         min-width:300px; margin-left:auto; margin-right:auto;
    }
    .blockquote {
        font-size:0.95rem;
    }
}
@media screen and (max-width: 631px) and (min-width: 400px) {
    .pic_card {
         min-width:360px; margin-left:auto; margin-right:auto;
    }
}
@media screen and (max-width: 948px) and (min-width: 632px) {
    .pic_card {
         min-width:180px;max-width:314px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 947px) {
    .pic_card {
         min-width:290px;max-width:340px;
    }
}
@media screen and (min-width: 1025px) {
    .pic_card {
         min-width:300px;max-width:600px;
    }
}