/*Navbar*/
nav{ 
    grid-template-columns: 1fr; 
    align-items: center;
}
.services{
    display: flex;
    justify-content: center;
    align-items: center;
}
.hidden{
    display: none;
}
#menu{
    display: flex;
    justify-content: center;
    align-items: center;
    display: block;
}

/*URL Box*/
.urlBox{ 
    grid-template-columns: 1.5fr 3fr; 
}


/*Request Type Box*/
.requestType{ 
    grid-template-columns: 1.5fr 3fr; 
}

/*Content Type Box*/
.contentType{ 
    grid-template-columns: 1.5fr 3fr; 
}


/*JSON Request Box*/
.jsonRequestBox{ 
    grid-template-columns: 1fr; 
}


/*Parameter Box*/
.parametersBox{ 
    grid-template-columns: 1fr; 
}

/*Response Box*/
.responseBox{ 
    grid-template-columns: 1fr; 
}
#responsePre{
    width: 76.5vw;
}

/*Aashu Intro*/
.aashuIntro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.aashuIntro img{
    width: 90%;
}
.photo{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Problem*/
.problem{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*Solution*/
.solution{
    grid-template-columns: 1fr;
}
.solution1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.solution2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/*Footer*/
section{
    grid-template-columns: 1fr;
    grid-gap: 20px;
}