@media (min-width: 0px) {
	
#hero
	{height:100vh;
	 width:100%;
	 display:grid;
	 place-items: center;
	}
.hero-in
	{display:grid;
	 margin:auto;
	 width:85%;}
.hero-L
	{padding-top:80px;}
#hero p
	{line-height:2.5;}

.slogon-box
	{margin:auto;}

#hero p:first-child
	{font-size:30px;}

#hero p:nth-child(2)
	{font-size:24px;}

#hero img
	{max-width:80%;
	 margin:auto;}

.hero-feature
	{display:grid;
	 grid-template-columns:1fr 1fr;
	 width:80%;
	 margin:auto;
	 gap:20px;
	 padding-top:40px;}

.hero-feature div
	{height:100%;
	 border-radius:15px;
	 padding:10px 0px 10px 0px;
	 box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
	 text-align:center;
	 font-size:20px;
	 }

.hero-feature img
	{max-width:70px;
	 margin:auto;
	 }
.hero-feature a
	{display:block;}

.hero-feature p
	{margin-top:10px;
	 display:inline-block;}

.creditcard-newtab
	{display:inline-block;
     vertical-align:middle;
	 margin:0;
	 width:25px;}

}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
.hero-in
	{grid-template-columns:1fr 1fr;}

.hero-L, .hero-R
	{display:grid;
	 place-items:center;}

.hero-L
	{padding-left:120px;
	 padding-top:0;}

.slogon-box
	{padding-bottom:80px;
	 margin:0;}

#hero p:first-child
	{font-size:36px;}

#hero p:nth-child(2)
	{font-size:28px;}

.hero-feature div
	{font-size:24px;
	 padding:30px 5px 20px 5px;}

.hero-feature
	{grid-template-columns:repeat(4,1fr);
	 margin-top:-100px;
	 padding:0;
	 gap:60px;}

.hero-feature p
	{margin-top:20px;}

.creditcard-newtab
	{width:40px;
	 margin-left:0.5em;}
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}