.fsbanner, .fsbanner > div > span { 
	/* obrigatório */
	display:none; 
}
div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:600px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
}


.fsbanner > div { 
	position:absolute; 
	background-size:cover;
	cursor:pointer;
	top:0px; 
	left:0px; 
}
.fsbanner > div .name { 
	display:block;
	position:absolute; 
	left:10px; 
	bottom:0px;
}
.fsbanner > div .name.minimized {
	/* css3 */
	transform: rotate(-90deg);
	transform-origin: left top 0;
	/* pode ser necessário ajustar isso dependendo da fonte escolhida */
	bottom: -13px;
    left: 7px;
}

/*@media (max-width: 768px) {
  div.fsbanner { 
	
	position:relative;
	overflow:hidden;
	
	height:318px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
	border-radius:5px;
   -webkit-text-stroke: 1px black;
}}*/

/* Extra small devices (phones, 375px and down) */
@media only screen and (max-width: 375px) {
  div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:134px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
	}
}

/* Small devices (portrait tablets and large phones, 375px and up) */
@media only screen and (min-width: 375px) {
  div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:450px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
	}
}

/* Small devices (portrait tablets and large phones, 425px and up) */
@media only screen and (min-width: 425px) {
  div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:450px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:350px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
	}
	
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:318px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
	}
	
	.imnp {
    max-width: 100%!important;
    height: auto!important;
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:423px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
	
	}
	.imnp {
    max-width: 100%!important;
    height: auto!important;
}
	
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:597px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
	}
}



/* Extra large devices (large laptops and desktops, 1440px and up) */
@media only screen and (min-width: 1440px) {
  div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:589px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;
/*	border-radius:5px;*/
/*   -webkit-text-stroke: 1px black;*/
	}
}


/* ===========================Nagesh Code Start====================================== */

.he{color: #fe0000;}

.imnp{ max-width: 100%;
       height: 700px;
}


.f1 {
    text-align: center;
    padding: 20px;
    background-color: #111111;
	color: aliceblue;
	font-size: 30px;
	font-family:'Roboto', sans-serif;
}


.header {
  position:relative;
  text-align:center;
/*  background-image: linear-gradient(to right top, #43c078, #5ec86d, #78d061, #92d654, #aedc46);*/
/*	background: linear-gradient(179deg, rgba(66,32,105,1) 0%, rgba(131,81,187,1) 100%);*/
	background: linear-gradient(89deg, rgba(207,4,74) 0%, rgba(12,1,71) 100%);
  color:white;
}
.logo {
  width:50px;
  fill:white;
  padding-right:15px;
  display:inline-block;
  vertical-align: middle;
}

.inner-header {
  height:10vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position:relative;
  width: 100%;
  height:20vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
}
/*Shrinking for mobile*/


/* ===========================Nagesh Code End ====================================== */