@media screen and (max-width: 700px){
    .ing{
        display: none;
    }
    .title{
    width:17%;
    }
    .img{
        width: 16vw;
        height: 7vh;
        margin-right: 1%;
    }
    .line{
        width: 100%;
        height: 3px;
        background:  #0f0f0f;
        margin: 9px;
    }
    header{
        position: relative;
        
    }
    .hamburger{
        position:absolute;
        cursor: pointer;
        right: 5%;
        top:50%;
        width: 10%;
        transform: translate(-5%, -50%);
        z-index: 2;
    }
    .links {
        position: fixed;
        background:#9BDAF2;
        height: 100vh;
        width: 100%;
        flex-direction: column;
        clip-path: circle(100px at 90% -20%);
        -webkit-clip-path: circle(100px at 90% -20%);
        transition: all 2s ease-out;
        pointer-events: none;
    }
    .links.open{
        clip-path: circle(1800px at 90% -20%);
        -webkit-clip-path: circle(1800px at 90% -20%);
        pointer-events: all;
    }
    .links a {
    opacity: 0;
    }
    
    .links a:nth-child(1) {
        transition: all 0.5s ease 0.2s;
    }
    .links a:nth-child(2) {
        transition: all 0.5s ease 0.4s;
    }
    .links a:nth-child(3) {
        transition: all 0.5s ease 0.6s;
    }
    .links a:nth-child(4) {
        transition: all 0.5s ease 0.8s;
    }
    .links div {
        display: none;
    }
    .links a.fade {
        opacity: 1;
    }
    .bx-md {
    font-size: 300%!important;
    }
    .bx{
        font-size: 300%!important;
    }
    .bot{
        transition: all 0.5s ease 0.2s;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 65%;
    }
     .drop{
        width: 100%;
        right: 0%;
        height: 25vh;
    }
    .register{
    left: 0%;
    }
}