body{
    font-family: "mm-l";
}
#intro {
margin: 10% auto 0 auto;
text-align: left;

}
#intro main {
    margin: 0 auto 0 auto;
    width:1000px;

    /* display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items:center; */
}

#intro main h1 {
    margin: 0 0 28px 0;
    font-family: "roman";
    font-weight: 500;
    font-size: 4rem;
    color: #1c1c1c;
  
}
#intro main p{
    margin:  0 0 14px 0;
    font-size: 29px;
    line-height: 1.5;
    color: #5f5f5f;
}

#intro main span {
    display: inline-block;
    margin: 0 0px 0 0 ;
    padding: 4px 8px;
    border-radius: 20px;
    color: rgb(0, 0, 0);
    font-size:12px ;
    border: #1c1c1c 1px solid;

}

#visuals main {
    margin-top: 100px;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 0px;
}
#visuals main img{
    width: 95vw;
}
#footer{
    margin-top: 150px;
}


@media screen and (max-width: 700px) {
    #intro {
        margin: 30% auto 0 auto;
        text-align: left;
        
        }
        #intro main {
            margin: 0 auto 0 auto;
            width:auto;
        
            /* display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items:center; */
        }     

        #visuals main img{
            width: 100vw;
            margin: 0 auto;
        } 
        #intro main p{
            
            font-size: 20px;
           
        }
        
}