@media only screen   
and (min-width : 768px)   
and (max-width : 1024px) {
	.imga{
		margin-top: -480px!important
	}
}
@media only screen   
and (min-width : 768px)   
and (max-width : 1024px) 
and (orientation : landscape){
	.imga{
		margin-top: -200px!important
	}
}
	@media only screen   
and (min-width : 360px)   
and (max-width : 640px)  
	/*@media(max-width: 500px)*/{
		
		#logo a.standard-logo {
		/*display: none*/
		height: 50px!important
	}
}
	body{
		overflow-x: hidden;
	}
.button {
  background-color: #1b0e3d;
  border: none;
  color: white;
  padding: 15px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 6px 8px;
  cursor: pointer;
  border-radius: 10px;margin-top: 20px
}
.button:hover{
	background-color: #f19331;
}
.button1 {
  background-color: #fff;
  border: none;
  color: #000;
  padding: 15px 22px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 6px 8px;
  cursor: pointer;
  border-radius: 10px;margin-top: 20px;
  text-transform: uppercase!important;
  font-weight: bold;
}
.button1:hover{
	background-color: #53246c!important;
	color: #fff!important;
}
.card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  padding: 20px;
  border-radius: 14px
}

/* On mouse-over, add a deeper shadow */
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card1 {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 12px 0 rgba(0,0,0,0.6);
  transition: 0.3s;
  padding: 20px;
  border-radius: 50px;
  margin-bottom: 20px
}

/* On mouse-over, add a deeper shadow */
.card1:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card2 {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 12px 0 rgba(0,0,0,0.6);
  transition: 0.3s;
  padding: 20px;
  border-radius: 50px;
  margin-bottom: 20px
}

/* On mouse-over, add a deeper shadow */
.card2:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
@media (max-width: 900px) {
.p{
	margin-left: 24px!important;
}
.card{
	margin-left: 10px!important;
	margin-right: 10px!important;
}
.card1{
	margin-left: -0px!important;
}
.card2{
	margin-left: -0px!important;
	margin-right: -0px!important
}
.head1{
	font-size: 18px!important;
	margin-top: -70px!important;
}
}
@media screen and (max-width: 1024px) {
   .menu-link {
     font-size: .7125rem;
   }
}