html {
    font-size: 14px;
}
@media (min-width: 768px) {
    html {
      font-size: 16px;
    }
}

body {
    background-image: radial-gradient(circle,#F4FEFE,white);
}

@font-face {
    font-family: 'Archivo_SemiExpanded';
    src: url('../webfonts/Archivo_SemiExpanded-Regular.ttf') format('truetype')
}


h1, h2, h3 {
    font-family: 'Archivo_SemiExpanded';
}

footer {
/*
	background: #2f303f; 
	color: white;
*/
    width: 100%;
    margin-top: 50px;
}

.container {
    max-width: 960px;
}

.pricing-header {
    max-width: 600px;
}
.card-deck .card {
    min-width: 220px;
}
.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;
    }
}

/* page index */

.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;
    }
}

.site-header {
    background-color: rgba(0, 0, 0, .85);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
    color: #999;
    transition: ease-in-out color .15s;
}
.site-header a:hover {
    color: #fff;
    text-decoration: none;
}
/* Extra utilities */
.flex-equal > * {
    -ms-flex: 1;
    flex: 1;
}
@media (min-width: 768px) {
    .flex-md-equal > * {
        -ms-flex: 1;
        flex: 1;
    }
}
.overflow-hidden { overflow: hidden; }