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

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

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

.box-inner_text-only {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
padding: 5rem 0% 5rem 0%;
text-align: left;
}

.line-in-box {
border: 1px #32B8EB solid;
width: 100%;
}

.line-in-box-02 {
margin: 3rem 0% 3rem 0%;
border: 1px #32B8EB solid;
width: 100%;
}

.line-in-box-03 {
border: dashed 2px #ffefd5;
width: 100%;
}

.p-01 {
margin: 0rem 0rem 3rem 0rem;
}

.p-02 {
margin: 3rem 0rem 3rem 0rem;
}

.p-03 {
margin: 3rem 0rem 0rem 0rem;
}

.p-04 {
margin: 0;
}

.p-05 {
display: flex;
flex-flow: column nowrap;
align-items: start;
justify-content: center;
height: 5rem;
margin: 0rem 0rem 0rem 0rem;
}

.box-inner_photo-and-text {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 3rem 0% 3rem 0%;
box-sizing: border-box;
}

.box-inner_photo-and-text_photo {
display: flex;
flex-flow: column nowrap;
align-items: flex-end;
justify-content: center;
width: 96%;
box-sizing: border-box;
position: relative;
}

.box-inner_photo-and-text_text {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
margin: 2rem 0% 0rem 0%;
box-sizing: border-box;
text-align: left;
}


}


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

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

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

.box-inner_text-only {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 98%;
padding: 5rem 0% 5rem 0%;
text-align: left;
}

.line-in-box {
border: 1px #32B8EB solid;
width: 100%;
}

.line-in-box-02 {
margin: 3rem 0% 3rem 0%;
border: 1px #32B8EB solid;
width: 100%;
}

.line-in-box-03 {
border: dashed 2px #ffefd5;
width: 100%;
}

.p-01 {
margin: 0rem 0rem 3rem 0rem;
}

.p-02 {
margin: 3rem 0rem 3rem 0rem;
}

.p-03 {
margin: 3rem 0rem 0rem 0rem;
}

.p-04 {
margin: 0;
}

.p-05 {
display: flex;
flex-flow: column nowrap;
align-items: start;
justify-content: center;
height: 2rem;
margin: 0rem 0rem 0rem 0rem;
}

.box-inner_photo-and-text {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 3rem 0% 3rem 3%;
box-sizing: border-box;
}

.box-inner_photo-and-text_photo {
display: flex;
flex-flow: column nowrap;
align-items: flex-end;
justify-content: center;
width: 50%;
box-sizing: border-box;
position: relative;
transition: 1s;
}

.box-inner_photo-and-text_photo:hover {
box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.3);
transform: translateY(-10px);
transition-duration: 0.3s;
}

.box-inner_photo-and-text_text {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
width: 50%;
padding: 0% 1% 0% 1%;
box-sizing: border-box;
text-align: left;
}


}