.jost-300 {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}
.jost-700 {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.lexend-tera-100 {
    font-family: "Lexend Tera", sans-serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
}
.logo{
    display:inline-block;
}
footer p .logo, .logo {
    font-family: "Belanosima", sans-serif;
    font-weight: 700;
}

.contact-form .logo{
    color:#fff;
    text-transform: none;
}
.contact-form .submit-btn:hover .logo{
    color:#000;
}
.service-large .logo{
    font-size: 1em;
}
.service-large .logo .o{
    vertical-align: -0.55em;
    margin: 0 1px 0 2px;
}
.contact-form .logo .o{
    vertical-align: -0.4em;
}
.logo .dot {
    font-weight: 400;
    font-size: 1.5em;
    line-height: 0.4em;
    color:#ff00ff;
    letter-spacing: 1px;  
}
.brand{
    color:#ff00ff;
}
.shoppe-brand{
    font-family: "Alegreya SC", serif;
    font-weight: 800;
    font-style: normal;                
}
.service-large .shoppe-brand, .shoppe-brand{
    color:#000;
}
.logo .o {
    color: #ff00ff;
    padding: 0 0;
    margin: 0 2px 0 3px;
    display:inline-block;
    vertical-align: -0.48em;
    width: 0.6em;
    height: 0.6em;
    background-color: #ff00ff;
    border-radius: 50%;    
    text-indent: -9999px;
    white-space: nowrap; 
}
#contact .contact-grid{
    display:block;
}
.contact-form h2{
    padding-top:0.5em;
}
#contact{
    padding-bottom: 3em;
}
#contact textarea{
    resize: vertical;
}
#contact h3{
    margin-bottom:1.5em;
}
#contact a{
    padding: 2px 4px;
}
#contact a, #contact a:visited{
    color:#000;
}
#contact a:hover{
    background-color:#000;
    color:#fff;
}
#home, #services, #quote{
    background-color: #eee;
}
.subtext{
    font-size: 0.8em;
}
.smol{
    display:none;
}
footer a{
    text-decoration: none;
}
footer a.lined,footer a.lined:visited{
    text-decoration: underline;
    font-weight: bold;
    color: #000;
}
@media (min-width:769px) and (max-width:879px){
    .service-large h3{
        font-size: 1.6em;
    }
}
@media (max-width:573px){
    .desk-break{
        display:none;
    }
}
@media (min-width:768px) and (max-width:846px){

    .smol{
        display:block
    }
}
@media (max-width:447px){
    #home .cta-button{
        font-size: 0.8em;
        padding: 0 2em;
    }
}
@media (max-width:399px){
    .smol{
        display:block
    }
}
.x{
    font-size:3em;vertical-align:-0.25em;
}
.hero-text{
    margin-bottom: 50px;   
}
#home .shoppe-brand {
    font-size: 3em;
    text-transform: none;
}            

#contact .info-item{
        display: inline-block;
        margin-left: 4em;
}              

@media (max-width:540px) {
    #contact .info-item{
        display: block;
        margin-left: 0;
    }                
}