Template:Polaroid/polaroid.css

/* Polaroid */

.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}

@media all and ( min-width: 720px ) {
	.polaroid {
  width: 40%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;}
}

.container {
  text-align: center;
  padding: 10px 20px;
}

.polaroidleft {
	margin:auto;
}

@media all and ( min-width: 720px ) {
	.polaroidleft {
		float:left;}
}
.polaroidright {
	width: 80%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
	margin:auto;
}
@media all and ( min-width: 720px ) {
	.polaroidright {
		width: 40%;
        background-color: white;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        margin-bottom: 25px;
		position: absolute;
        right: 0px;}
}