@media (max-width: 767.98px){
    h5 {
        font-size:3vw;
    }

    ul{
        font-size:3vw;
    } 

    .lead {
        font-size:3vw;     
     }


    #contact p{
        font-size:3vw; 
    }
    
    #contact h3{
        font-size:4vw; 
    }
    
    .form-control {
        font-size:2.5vw;
    }   
}

#body
{
    background-color:black;
    color:white;
    text-align: left;
}

.mainlogo{
    width:30%;
}

#toggler{
    float:right;
}

#toggler:hover{
    cursor: pointer;    
}

.linkz:hover{
    text-decoration: none;       
}

.linkz:visited{
    color:inherit;
}

#vid1, #vid2, #workvid1, #workvid2{
    width:100%;
}

#social .bi
{
    font-size: 2rem;
    color:white;
}

#social .bi:hover
{
    color:rgb(160, 160, 160)
    cursor: pointer; 
}

#foot{
    margin-top:50px;
}

#foot p
{
    font-size: .8rem;
    color:#7a7a7a
}

.box3
{
    aspect-ratio: 16 / 9;
    overflow: hidden;
}
#test5{
    height: 100%;
}

#contact{
    background-color: rgba(80, 80, 80, 0.3);    
}

#tarea{
    resize: none
}

#dog{
    height: 98%;
    margin-left: -2%;
    margin-top: 2%;   
}

#z{
    width: 8.5em;
    height: 8.5em;
    margin-left: 95%;
    margin-top: -4em;
    padding: 0;
    overflow: none;       
}