* {
	
margin: 0px;
padding: 0px;
box-sizing: border-box;

}


#main-body-div {background-color: none;}


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


#first-image {
	
width: 380px;
height: 380px;

}


#second-image {

width: 380px;
height: 380px;

}




/*3up in desktop view*/
#fifth-image, #third-image,#fourth-image{

width: 240px;

}



 /*--------------------------------------desktop below------------------------------------------*/
/*not 1000px so images dont go edge to edge*/
@media only screen and (min-width: 1050px) {

#first-image {

background-color: none;
width: 480px;
height: 480px;

}


#second-image {
width: 480px;
height: 480px;
}


/*3up in desktop view*/
#fifth-image, #third-image,#fourth-image{

width: 306px;

}



} /*desktop close */