html,body{
margin: 0;
padding: 0;
}


.tabs{
position:absolute;
width:100%;
margin:0;
padding:0;
padding:80px;
background:#f2f2f2;}

.tabs li{
display: inline-block;
margin: 0;
padding:0 15px;}


.tabs li a{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}





.tabs li a:hover{
display: block;;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs a + div{
position: absolute;
height: 0;
overflow: hidden;}


.tabs a.clicked{
background: transparent;}

.tabs :target a + div{
height: 100%;
overflow: visible;}

@media only screen and (max-width: 1999px) {
	
	
.tabs{
position:relative;
width:100%;
padding:100px ;
margin:0;
z-index:1;}

.tabs li{
display: inline-block;
margin: 0;
padding:0 10px;}


.tabs li a{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs li a:hover{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs a + div{
position: absolute;
height: 0;
overflow: hidden;}


.tabs a.clicked{
background: transparent;}

.tabs :target a + div{
height: 100%;
overflow: visible;}}

@media only screen and (max-width: 1699px) {
	
	
.tabs{
position:relative;
width:100%;
padding:40px;
margin:0;}

.tabs li{
display: inline-block;
margin: 0;
padding:0 10px;}


.tabs li a{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs li a:hover{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs a + div{
position: absolute;
height: 0;
overflow: hidden;}


.tabs a.clicked{
background: transparent;}

.tabs :target a + div{
height: 100%;
overflow: visible;}}

@media only screen and (max-width: 999px) {
	
	
.tabs{
position:relative;
width:100%;
padding:60px 40px 30px 40px;
margin:0;}

.tabs li{
display: inline-block;
margin: 0;
padding:0 10px;}


.tabs li a{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs li a:hover{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs a + div{
position: absolute;
height: 0;
overflow: hidden;}


.tabs a.clicked{
background: transparent;}

.tabs :target a + div{
height: 100%;
overflow: visible;}}
@media only screen and (max-width: 768px) {
	
	
.tabs{
position:relative;
width:100%;
padding:80px 60px 50px 60px;
margin:0;
background:transparent;}

.tabs li{
display: inline-block;
margin: 0;
padding:0 10px;}


.tabs li a{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs li a:hover{
display: block;
padding: 0;
margin-top: 0;
text-decoration: none;
transition: background 0.5s ease;}


.tabs a + div{
position: absolute;
height: 0;
overflow: hidden;}


.tabs a.clicked{
background: transparent;}

.tabs :target a + div{
height: 100%;
overflow: visible;}}