.photo {
    width: 48.29vw;
    height: auto;
}

.topspace {
    padding-top: 1.7vw;
}
.spaceabove {
    padding-top: 2.8vw;
}

@media screen and (min-width: 0px) {
    
    
    .box2 {
        padding-left: 7vw;
        padding-right: 7vw;
    }
    
    .photo {
        width: 86vw;
    }
    
    .topspace {
    padding-top: 6.48vw;
    }
    
    .spaceabove {
    padding-top: 10.67vw;
    }
    
    
}

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

    .photo {
        width: 40vw;
    }
    
    .topspace {
        padding-top: 3.4vw;
    }
    
    .spaceabove {
        padding-top: 5.6vw;
    }
    
}

@media screen and (min-width: 1100px) {
    
    .box2 {
        padding-left: 21vw;
        padding-right: 21vw;
    }
    
    .box2a {
        padding-left: 14vw;
        padding-right: 14vw;
    }
    
    /* width(90.29vw) - padding-left - padding-right */
    
    .photo {
        width: 20.29vw;
        height: auto;
    }
   
    .spaceabove {
        padding-top: 2.8vw;
    }
    
    .topspace {
    padding-top: 1.7vw;
    }
    
    p {
        margin-right: 15%;
    }
    
}