a:link{color:#329040;}
a:visited{color:#329040;}
a:hover{color: #FF7043;}
a:active{color: #FF7043;}
a { text-decoration:none }

#frmLogin { 
	padding: 0px 0px;
	background: #B6E0FF;
	color: #555;
	display: inline-block;
	border-radius: 4px; 
}
.field-group { 
	margin:15px 0px; 
}
.input-field {
	padding: 8px;width: 230px;
	border: #A3C3E7 1px solid;
	border-radius: 4px; 
}
.form-submit-button {
	background: #65C370;
	border: 0;
	padding: 8px 20px;
	border-radius: 4px;
	color: #FFF;
	text-transform: uppercase; 
}
.member-dashboard {
	padding: 40px;
	background: #D2EDD5;
	color: #555;
	border-radius: 4px;
	display: inline-block;
	text-align:center; 
}
.logout-button {
	color: #09F;
	text-decoration: none;
	background: none;
	border: none;
	padding: 0px;
	cursor: pointer;
}
.error-message {
	text-align:center;
	color:#FF0000;
}
.demo-content label{
	width:auto;
}

#containers { 
	width:100%;
	background-color:#B6E0FF; 
	text-align:center; 
	vertical-align:middle;
}

div.gallery {
    border: 2px solid #65C370;
}

div.gallery:hover {
    border: 2px solid #FF7043;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 8.12499%;
}

div.gallery img {
    width: 12.49999%;
    height: 220px;
}

@media only screen and (max-width: 2560px){
	div.gallery img {
    width: 100%;
    height: 210px;
	}
    .responsive {
        width: 12.49999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 2480px){
	div.gallery img {
    width: 100%;
    height: 200px;
	}
    .responsive {
        width: 12.49999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 2400px){
	div.gallery img {
    width: 100%;
    height: 190px;
	}
    .responsive {
        width: 12.49999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 2320px){
	div.gallery img {
    width: 100%;
    height: 180px;
	}
    .responsive {
        width: 12.49999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 2240px){
	div.gallery img {
		width: 100%;
		height: 200px;
	}
	.responsive {
        width: 14%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 2160px){
	div.gallery img {
		width: 100%;
		height: 190px;
	}
	.responsive {
        width: 14%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 2080px){
	div.gallery img {
		width: 100%;
		height: 180px;
	}
	.responsive {
        width: 14%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 2000px){
	div.gallery img {
		width: 100%;
		height: 170px;
	}
	.responsive {
        width: 14%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1920px){
	div.gallery img {
		width: 100%;
		height: 210px;
	}
	.responsive {
        width: 16.5%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1840px){
	div.gallery img {
		width: 100%;
		height: 200px;
	}
	.responsive {
        width: 16.5%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1760px){
	div.gallery img {
		width: 100%;
		height: 190px;
	}
	.responsive {
        width: 16.5%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1680px){
	div.gallery img {
		width: 100%;
		height: 180px;
	}
	.responsive {
        width: 16.5%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1600px){
	div.gallery img {
		width: 100%;
		height: 170px;
	}
    .responsive {
        width: 16.5%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1520px){
	div.gallery img {
		width: 100%;
		height: 200px;
	}
    .responsive {
        width: 19.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1440px){
	div.gallery img {
		width: 100%;
		height: 190px;
	}
    .responsive {
        width: 19.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1360px){
	div.gallery img {
		width: 100%;
		height: 180px;
	}
    .responsive {
        width: 19.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1280px){
	div.gallery img {
		width: 100%;
		height: 190px;
	}
    .responsive {
        width: 24.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1200px){
	div.gallery img {
		width: 100%;
		height: 180px;
	}
    .responsive {
        width: 24.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1120px){
	div.gallery img {
		width: 100%;
		height: 170px;
	}
    .responsive {
        width: 24.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 1040px){
	div.gallery img {
		width: 100%;
		height: 160px;
	}
    .responsive {
        width: 24.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 960px){
	div.gallery img {
		width: 100%;
		height: 190px;
	}
    .responsive {
        width: 33.33333%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 880px){
	div.gallery img {
		width: 100%;
		height: 180px;
	}
    .responsive {
        width: 33.33333%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 800px){
	div.gallery img {
		width: 100%;
		height: 170px;
	}
    .responsive {
        width: 33.33333%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 720px){
	div.gallery img {
		width: 100%;
		height: 160px;
	}
    .responsive {
        width: 33.33333%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 640px){
	div.gallery img {
		width: 100%;
		height: 190px;
	}
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 560px){
	div.gallery img {
		width: 100%;
		height: 160px;
	}
    .responsive {
		width: 49.99999%;
    }
}

@media only screen and (max-width: 480px){
	div.gallery img {
		width: 100%;
		height: 145px;
	}
    .responsive {
		width: 49.99999%;
    }
}

@media only screen and (max-width: 400px){
	div.gallery img {
		width: 100%;
		height: 135px;
	}
    .responsive {
		width: 49.99999%;
    }
}

@media only screen and (max-width: 380px){
	div.gallery img {
		width: 100%;
		height: 128px;
	}
    .responsive {
        width: 49.99999%;
    }
}

@media only screen and (max-width: 360px){
	div.gallery img {
		width: 100%;
		height: 125px;
	}
    .responsive {
        width: 49.99999%;
    }
}


@media only screen and (max-width: 340px){
	div.gallery img {
		width: 100%;
		height: 120px;
	}
    .responsive {
        width: 49.99999%;
    }
}

@media only screen and (max-width: 320px){
	div.gallery img {
		width: 100%;
		height: 180px;
	}
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}


.navbar {
  overflow: auto;
  background-color: #B6E0FF;
  position: fixed;
  top: 0;
  width: 100%;
  height: 55px;
  padding: 10px;
  
}