/* Contact */

/* footer amendments for lack of contact section*/
body{
    display:flex;
    flex-direction: column;
    min-height:100vh; /* anchor to bottom*/
   
}

footer{
    overflow:visible;
    margin-top: auto;
}

footer>nav{
    border-top: 0;
}

/* main content */

main> #cntct{
    display:grid;
    margin:0 5%;
    margin-bottom: 5rem;
}

#cntct>h1{
    font-size: 42px;
    margin-top: 3rem;
}

#cntct>h1>span{
    line-height: 1.25;
}

#cntct>#btm{
    display:flex;
    flex-direction: column;
    align-items: start;
    
    margin-top: 1rem;
}


#btm>#text> h2{
    margin-top: 0;
    margin-bottom: 10%;
}

#btm>#text>img{
    display:none;
}


#btm > div:nth-child(2) > img:nth-child(1){
    width:100%;
    height:auto;
    display:block;
}

.brk-sml{
    display: auto;
 }

@media (min-width:500px){
    #btm > div:nth-child(2) > img:nth-child(1){
        width:70%;
     }

     .brk-sml{
        display: none;
     }


}

@media (min-width:900px){
    #cntct>h1{
        font-size: 80px;
    }

    #btm > div:nth-child(2) > img:nth-child(1){
        width:40%;
     }
}

@media (min-width:1100px){
    #cntct>#btm{
        flex-direction: row;
        justify-content: space-between;
    }

    #btm>#text> h2{
        line-height: 95%;
    }
    
    #btm>#text> h2{
        line-height: 95%;
        margin-bottom: 0.75rem;
    }

    #btm>#text>img{
        display: block;       
        position: relative;
        left:10em;
        top:1rem;
     }

     #btm>#text{
        flex:2;
    }
    
    #btm > div:nth-child(2){
        flex:1;
    }

    #btm > div:nth-child(2) > img:nth-child(1){
        width:100%;
     }
}