* {
    box-sizing:border-box;
    
}

header{
    background-color: #FFF7F3;
    margin: 0;
    padding: 0;
}

main{
    margin-left:10%;
    margin-right: 10%;
}

.mark-logo {
    display: inline-block;
    text-align: center;
    width: 100%;
    color: maroon;
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    /* background-color: #f5ac3b;
    border: 1px solid #f5ac3b;
    border-radius: 4px; */
}

    .mark-logo > img {
        width: 128px;
        height: auto;
        display: inline;
        vertical-align: middle;
    }

    .mark-logo > p {
        display: inline-block;
        vertical-align: middle;
        color: maroon;
    }

.font-name {
    font-size: 3.6rem;
}

.font-nametype {
    font-size: 1.0rem;
}

.italic{
    font-style:italic
}

.srv-item {
    /*padding: calc(0.4vw);*/ /*64px*/
    padding:8px;
    /* background-color: rgba(242,242,242,0.3); */
    /* background-color: rgba(192,192,192,0.01); */
    border: 1px none;
    border-color: silver;
    border-radius: 4px;
}



.img-container {
    display: flex;
    justify-content: center;
}

.img {
    padding: calc(16px + 0.1vw); /*16px*/
    width: calc(100% - 0.16vw); /*96%*/
    height: auto;
}

.mark1 {
    padding: 4px; /*16px*/
    width: 256px; /*96%*/
    height: auto;
}

.logo1 {
    padding: 4px; /*calc(16px + 0.1vw)*/
    width: 96px; /*96%*/
    height: auto;
}

.plain-link {
    text-decoration: none;
    color: inherit;
    font-style: italic;
}

.footer {
    display: block;
    text-align: center;
    /*font-size: 1.5rem;*/
    /*font-size: calc(16px + 0.390625vw);*/
    background-color: lightcyan;
}

.mark-logo-footer {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: auto;
    font-family: Cambria;
}

    .mark-logo-footer > img {
        width: 64px;
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }

    .mark-logo-footer > p {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.5rem;
    }

.footer-info {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: auto;
    color: rgb(32,32,32);
    font-family: Cambria;
    /*background-color: #FFF01F;*/
    border: 1px none #ffffe0;
    border-radius: 4px;
    font-size: calc(16px + 0.390625vw);
    /*font-size: calc(12px + 0.390625vw);*/
}

.footer-bottom-padding{
    padding-bottom:32px;
}

.font-maroon {
    color: maroon;
}

.font-email {
    color: darkblue;
    font-weight:500;
}

.pos-text {
    padding-bottom: 4px;
}

.bg-color-1 {
    background-color: lightyellow; /*#ff6c6c*/
}

.item-1 {
    margin-top: 32px;
}

.link-effect:hover{
    text-decoration:underline
}

.saas-link {
    color: mediumblue;
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
}

    .saas-link:hover {
        text-decoration: underline
    }

    .address-padding{
        padding:0px 4px;
    }

    @media screen and (min-width:600px){
        .address-padding {
            padding-left: calc(16px + 0.2vw);
            padding-right: calc(16px + 0.2vw);
        }
    }

    address > span{
        break-inside: avoid !important;
    }

.site-name {
    font-size: calc(24px + 0.390625vw);
}

.font-ms{
    font-family:monospace;
}