@media screen and (min-width: 0px) and (max-width: 700px) {

.box-wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
margin: 0%;
}


.box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 2rem 0% 0% 0%;
text-align: left;
background: #fff7ef;
border: 2px solid;
border-color: rgba(50,184,235,0.1);
box-sizing: border-box;
}

.box:last-child {
margin: 2rem 0% 2rem 0%;
}

.box-inner-1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
padding: 4rem 2rem 0rem 2rem;
border-bottom: 2px solid #32B8EB;
font-weight: bold;
}

.box-inner-2 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 2rem 0% 4.25rem 0%;
}


}




@media screen and (min-width: 701px) { 

.box-wrapper {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 96%;
margin: 2rem 0% 2rem 0%;
border: 2px solid;
border-color: rgba(50,184,235,0.75);
box-sizing: border-box;
}

.box {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 90%;
margin: 5% 0% 0% 0%;
text-align: left;
background: #fff7ef;
}

.box:last-child {
margin: 5% 0% 5% 0%;
}

.box-inner-1 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
padding: 4rem 2rem 0rem 2rem;
border-bottom: 2px solid #32B8EB;
font-weight: bold;
}

.box-inner-2 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 2rem 0% 4.25rem 0%;
}


}