.photos-01-container {
position:relative;
display:grid;
grid-row-gap:25px;
grid-column-gap:30px;
grid-template-columns: auto auto auto auto auto;
padding-left:6%;
padding-right:6%;
z-index:9;
}

.photos-01 {
border: 6px solid #ffffff;
opacity: 1;
transition: 300ms;
display:block;
}

.photos-01:hover {
-ms-transform: scale(2.5); /* IE 9 */
-webkit-transform: scale(2.5); /* Safari 3-8 */
transform: scale(2.5);
border: 2px solid #ffffff;
}

.photos-01-spacer {
height:65px;
display:block;
}






@media only screen and (max-width: 1500px) {

.photos-01-container {
display: grid;
grid-row-gap: 23px;
grid-column-gap: 28px;
grid-template-columns: auto auto auto auto auto;
padding-left:6%;
padding-right:6%;
}


.photos-01 {
border: 5px solid #ffffff;
}

.photos-01:hover {
-ms-transform: scale(2.5); /* IE 9 */
-webkit-transform: scale(2.5); /* Safari 3-8 */
transform: scale(2.5);
border: 2px solid #ffffff;
}

}




@media only screen and (max-width: 1400px) {

.photos-01-container {
display: grid;
grid-row-gap: 22px;
grid-column-gap: 27px;
grid-template-columns: auto auto auto auto auto;
padding-left:6%;
padding-right:6%;
}

.photos-01-spacer {
height:60px;
display:block;
}

}




@media only screen and (max-width: 1200px) {


.photos-01-container {
display: grid;
grid-row-gap: 20px;
grid-column-gap: 25px;
grid-template-columns: auto auto auto auto;
padding-left:6%;
padding-right:6%;
}

.photos-01 {
border: 4px solid #ffffff;
}

.photos-01:hover {
-ms-transform: scale(2.5); /* IE 9 */
-webkit-transform: scale(2.5); /* Safari 3-8 */
transform: scale(2.5);
border: 2px solid #ffffff;
}


}









@media only screen and (max-width: 1100px) {

.photos-01 {
border: 5px solid #ffffff;
}

.photos-01:hover {
-ms-transform: scale(2.5); /* IE 9 */
-webkit-transform: scale(2.5); /* Safari 3-8 */
transform: scale(2.5);
border: 2px solid #ffffff;
}

}















@media only screen and (max-width: 1000px) {

.photos-01 {
border: 5px solid #ffffff;
}

}








@media only screen and (max-width: 900px) {

.photos-01-container {
display: grid;
grid-row-gap: 20px;
grid-column-gap: 25px;
grid-template-columns: auto auto auto;
padding-left:6%;
padding-right:6%;
}


.photos-01 {
border: 5px solid #ffffff;
}


}





@media only screen and (max-width: 800px) {

.photos-01-container {
display: grid;
grid-row-gap: 25px;
grid-column-gap: 30px;
grid-template-columns: auto auto auto;
padding-left:5%;
padding-right:5%;
}


.photos-01 {
border: 5px solid #ffffff;
}

.photos-01:hover {
-ms-transform: scale(1.45); /* IE 9 */
-webkit-transform: scale(1.45); /* Safari 3-8 */
transform: scale(1.45);
border: 4px solid #ffffff;
}



}






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

.photos-01-container {
display: grid;
grid-row-gap: 20px;
grid-column-gap: 25px;
grid-template-columns: auto auto;
padding-left:5%;
padding-right:5%;
}


.photos-01 {
border: 5px solid #ffffff;
}

.photos-01:hover {
-ms-transform: scale(1.35); /* IE 9 */
-webkit-transform: scale(1.35); /* Safari 3-8 */
transform: scale(1.35);
border: 5px solid #ffffff;
}


}






@media only screen and (max-width: 600px) {

.photos-01-container {
display: grid;
grid-row-gap: 20px;
grid-column-gap: 25px;
grid-template-columns: auto;
padding-left:5%;
padding-right:5%;
}


.photos-01 {
border: 6px solid #ffffff;
}

.photos-01:hover {
-ms-transform: scale(1.15); /* IE 9 */
-webkit-transform: scale(1.15); /* Safari 3-8 */
transform: scale(1.15);
border: 5px solid #ffffff;
}


}






@media only screen and (max-width: 500px) {

.photos-01-container {
display: grid;
grid-row-gap: 20px;
grid-column-gap: 25px;
grid-template-columns: auto;
padding-left:5%;
padding-right:5%;
}


.photos-01 {
border: 5px solid #ffffff;
}

.photos-01:hover {
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari 3-8 */
transform: scale(1.1);
border: 5px solid #ffffff;
}

.photos-01-spacer {
height:50px;
display:block;
}

}