#alertbox{
    font-size:1.05em;
}

#intro{
    padding-left:5%;
}
.ininp{
    position:relative;
}
.p-icon{
    position:absolute;
    top:53%;
    left:88%;
    color:#fa0;
    opacity:0.5;
}

#error{
    color:#f00;
    font-size:0.8em;
    text-align:center;
}

.layout{
    width:80%;
    display:flex;
    margin:0.5em 10% 1em;
    justify-content:space-evenly;
}

.error{
    margin:0.2em 10%;
    display:none;
}

.clayout{
    gap:0.2em;
}

.long-btn{
    width:100%;
    background:var(--c2);
    margin:0;
    /*font-family:Ob;*/
}
.ininp{
    width:48%;
    margin-left:1%;
}

.layout input{
    width:100%;
}

#intro img{
    max-width: none !important;
    max-height: none;
    width:9em;
    height:14em;
    display:inline-block;
    margin:0 0 0 5% !important;
    max-width:45%;
}

#intro img.lgs{
    width:12em;
    height:17em;
}

#fpart{
    width:55%;
}

.ininp{
    display:inline-flex;
    flex-direction:column;
}

input{
    padding:0.5em 1em;
    flex:1;
    border:1px solid var(--c2);
    display:inline-block;
    border-radius:0.5em;
    font-family:Ob;
}

#inpfield span{
    color:#222;
}

#phone_no{
width:100%;
margin:0 0.2em;
letter-spacing:0.2em;
font-size:1em;
padding:0.5em 1em;
}

#pin{
letter-spacing:0.5em;
text-align:center;
box-sizing:border-box;
font-family:Ob;
}

#networks{
display:flex;
justify-content:flex-start !important;
}


.ininp span{
    font-size:0.8em;
    padding-bottom:0.5em;
    font-family:Ob;
}

#noteboard{
    margin:4em 5%;
}

#footer{
    margin:6em 0 0;
}

@media (min-width:700px){
    input{
        font-size:1.05em;
    }
    #intro{
        padding-left:25%;
    }
}