body{
 position:relative;
}

#record{
 position:fixed;
 top:0px;
 left:0px;
 z-index:2;
}

.click{
   z-index:3; 
}

h1{
  margin-left:250px;
}

#ptop{
    margin-left:280px;
}
.flex-container {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	flex-direction:row; /* can also do column */
	flex-wrap:nowrap; /* the boxes don't go to the next line */
}

.flexed-item-25 {
	border:2px solid #000;
	width:25%;
}

.flexed-item-50 {
	border:2px solid #000;
	width:50%;
}

.flexed-item-75 {
	border:2px solid #000;
	width:75%;
}

.flexed-item-100 {
	border:2px solid #000;
	width:100%;
}

.flexed-item-25 {
	width:25%;
	padding:20px; /* for the buttons */
}

.flexed-item-50 {
	width:50%;
	padding:20px;
}

.flexed-item-75 {
	width:75%;
	padding:20px;
}

.flexed-item-100 {
	width:100%;
	padding:20px;
}

.flexed-item-33 {
	width:33%;
}

.flex-container img{
	width:100%;
}

h1 {
    color: white;
}

header{
	height:150px;
	background-color:pink;
}

.newspaper {
  column-count: 7;
}


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

/* any styles you want to change for mobile go in here */

}