/*BIGSCREENS*/
.mySlides {display:none;}

h1,h2 {
	color:#FB00FB;	
}	

body {
	background-color:#99D100;
	background-size:cover;
    font-family: 'Sofia';font-size: 22px;
}



.textbg {
	background-image:url(../img/textbg.png);
}

.header {
background-image: linear-gradient(#478589, #00111f, #478589);
}

.header h1 {
	font-weight:bold;
	font-size:24px;
}


.content {
	background:url(../img/bg.jpg) no-repeat;
	background-size:cover;
	width:100%;
}
	
hr {
	border-color:#FB00FB;
	border-width:3px;
	margin:auto;
}	

.gallery {
  margin: 0px;
  border: 1px solid #ccc;
  display: inline-block;
  width: 19.5%;
}

.gallery:hover {
  border: 1px solid #777;
}

.gallery img {
  width: 180px;
  height: 100px;
}

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






/*SMALLSCREENS*/
@media screen and (max-width: 600px) {
.header {
background-image: linear-gradient(#478589, #00111f, #478589);
}

.logo {
	width:120px;
	height:30px;
}

.header h1{
	font-size:12px;
}


.content {
	background:url(../img/bg.jpg) no-repeat;
	background-size:cover;
	width:100%;
	}
	
.content p {
	padding:50px;
}


.footer {

}
.footer p{
	font-size:12px;
}

.gallery {
  margin: 0px;
  border: 1px solid #ccc;
  display: inline-block;	
  width: 32%;
}

.gallery:hover {
  border: 1px solid #777;
}

.gallery img {
  width: 100px;
  height: 60px;
}

.desc {
	padding: 5px;
	text-align: center;
	font-size:10px;
}

}