@import url("https://use.typekit.net/sry2ovl.css");

html {
    background: #FFF;
    -webkit-font-smoothing: antialiased;
}


/* UNIQUE TO ARCHITECTURE PROJECTS ----------*/

.pt-number {
    font-family: neuzeit-grotesk, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 240%;
    letter-spacing: 0.1em;
    line-height: 1.3;
    margin-top: 1em;
    margin-left: 0em;
    margin-bottom: 0em;
    padding-left: 0em;
}



.h4 {
    font-family: neuzeit-grotesk, sans-serif;
    font-style: normal;
    color: #000;
    text-decoration: underline;
    font-weight: 900;
    font-size: 160%;
    letter-spacing: 0.1em;
    line-height: 1.3;
    margin-top: 3em;
    margin-left: 0em;
    margin-bottom: 0.5em;
    padding-left: 0em;
}



h3 {
    color: #808080;
    font-size: 140%;
    
}

/* sm */
@media screen and (max-width: 768px) {
    h3 {
    font-size: 120%;
    
}





/* ----------------------------- */
video {
            max-width: 100%;
            height: auto;
          }
    iframe, embed, object {
            max-width: 100%;
          }

    .iframe {
        width: 500px;
    }



.group-member {
    margin-bottom: 10px;
}

.group-type {
    color: black;
    font-weight: 600;
    font-size: 160%;
    letter-spacing: 0.1em;
    margin-bottom: -0.2px;
}

.group-name {
    font-size: 140%;
    color: black;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin-bottom: -6px;
}

.group-name-2 {
    font-size: 140%;
    color: #808080;
    font-weight: 450;
    letter-spacing: 0.05em;
    margin-bottom: 0px;
}

.group-linkedin {
    font-size: 120%;
    color: #808080;
    
}

a.group-linkedin:hover {
    color: black;
    text-decoration: none;
}

.row {
    display: block;
}