body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
.topnav {
    overflow: hidden;
    background-color: #333;
}
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.topnav a:hover {
    background-color: #ddd;
    color: black;
}
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}
.topnav .icon {
    display: none;
}
	
a{ color: #4CAF50;}
a:hover{color: black;}

.gall {float: left;}
.gall img {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  width: 90%;
	margin: auto;
height: 169px;
}

div.polaroid {
  width:250px;
  background-color: white;
	border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 10px;
	float: left;
	text-align: center;
	padding-top: 5px;
	 position: relative;
}

div.container {
  text-align: center;
  padding: 2px 2px;
}

.ribbon {
  -webkit-transform: rotate(-45deg); 
     -moz-transform: rotate(-45deg); 
      -ms-transform: rotate(-45deg); 
       -o-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
    border: 25px solid transparent;
    border-top: 25px solid red;
    position: absolute;
    bottom: 20px;
    right: -50px;
    padding: 0 10px;
    width: 120px;
    color: white;
    font-family: sans-serif;
    size: 11px;
}
.ribbon .txt {
    position: absolute;
    top: -20px;
    left: 20px;
}
	

@media screen and (max-width: 1200px) {
.topnav a {
    font-size: 15px;
    padding: 12px 14px;
}
}

@media screen and (max-width: 960px) {
.topnav a {
    font-size: 13px;
    padding: 10px 12px;
}
}

@media screen and (max-width: 850px) {
.topnav a:not(:first-child) {
    display: none;
}
.topnav a.icon {
    float: right;
    display: block;
}
.topnav a {
    padding: 14px 16px;
    font-size: 17px;
}
}

@media screen and (max-width: 850px) {
.topnav.responsive {
    position: relative;
}
.topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
}
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
}
.topnav a {
    padding: 14px 16px;
    font-size: 17px;
}
	
div.polaroid {
  width:45%;
}
.gall img {
height: 205px;
}
}

@media screen and (max-width: 550px) {
div.polaroid {
  width:100%;
}
	.gall img {
height: auto;
}
}