.price {
    font-size: 35px;
}

.framed {
    border: 1px solid rgba(0, 0, 0, 0.25);
    width: 45vw;
    height: auto;
}

.framed-portrait {
    border: 1px solid rgba(0, 0, 0, 0.25);
    height: 60vh;
    width: auto;
    margin: 0 10px;
}

.pricing-table td, .pricing-table tr, .pricing-table th {
    border: none;
    padding: 10px 10px;
    margin: 0;
}

.pricing-table h5 {
    padding-top: 15px;
}

table {
    display: inline-block;
}

table, tr, td, th {
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-collapse: collapse;
}

td, th {
    padding: 15px;
    max-width: 300px;
    vertical-align: top;
}

#floatingScrollButtons {
    display: none;

    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;

    opacity: 0.0;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
}

#floatingScrollButtons img {
    padding: 15px;
    height: 60px;
    width: auto;
    background-color: #f79400;
}

#floatingScrollButtons img:hover {
    cursor: pointer;
    background-color: #e68a00;
}

.demo-button {
    background-color: #f79400 !important;
}

.demo-button:hover {
    background-color: #e68a00 !important;
}

.contact p {
    margin: 0;
}

button {
    margin-bottom: 5px;
}

#academia-experience {
    scroll-margin-top: 90px;
}

@media screen and (max-width: 700px) {
    #academia-experience {
        scroll-margin-top: 125px;
    }
}