@media only screen and (max-width: 767px) {
    .not.extra.small.screen,
    .not.phone,
    .larger.than.phone.screen,
    .larger.than.tablet.screen {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .not.small.screen,
    .not.tablet,
    .larger.than.tablet.screen,
    .upto.phone.screen {
        display: none !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .not.medium.screen,
    .upto.phone.screen,
    .upto.tablet.screen {
        display: none !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .not.large.screen,
    .upto.phone.screen,
    .upto.tablet.screen {
        display: none !important;
    }
}

@media only screen and (min-width: 1920px) {
    .not.extra.large.screen,
    .upto.phone.screen,
    .upto.tablet.screen {
        display: none !important;
    }
}

.stripe {
    background-color: #F2F3F5;
}

body {
    font-size: 18px;
}

nav,
footer {
    background-color: lightgray !important;
}

.center.menu {
    justify-content: center;
}

svg.icon {
    margin: 0 .35714286em 0 0;
}

.content,
.ui.container.content {
    display: flex;
    flex-direction: column;
}

.titles,
.ui.grid > .row.titles {
    padding-top: 1rem;
    padding-bottom: 0;
}

.top.space {
    padding-top: 1rem;
    margin-top: 1rem;
}

.bottom.space {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.embedded {
    width: 100%;
    height: 200px;
    border: 0;
}