﻿body {
    background-color: #c4c4c4;
	 margin: 0;
      padding: 0;
      height: 100%;
  
}
/*
 .container {
      display: flex;
      height: 100%;
    }
	
 .center-content {
      flex-grow: 1;
      overflow-y: auto;
      padding: 20px;
      
      height: 90vh;
    }	
*/
@media only screen and (min-width: 768px) {
.kompletta-webstudio {
    position: absolute;
    top: 40%; 
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;
	text-decoration: none;
    /*font-family: verdana;*/
	/*font-family: "Times New Roman", Times, sans-serif;*/
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 12rem;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}
button {
	border: 1px solid #cccccc; 
	border-radius: 7px; margin: 15px; 
	padding: 5px 15px; 
	box-shadow: 3px 4px 5px #c2c2c2; 
	position: relative;
	float: right;
	font-size: 1rem;
	}
	
button a {color: #aaaaaa; font-weight: 600; text-decoration: none;}

}

@media only screen and (min-width: 600px) {
  
  .kompletta-webstudio {
    position: absolute;
    top: 40%; 
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;
	text-decoration: none;
    /*font-family: verdana;*/
	/*font-family: "Times New Roman", Times, sans-serif;*/
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 6rem;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}
  
  
  button {
	border: 1px solid #cccccc; 
	border-radius: 7px; margin: 15px; 
	padding: 5px 15px; 
	box-shadow: 3px 4px 5px #c2c2c2; 
	position: relative;
	float: right;
	font-size: 0.8rem;
	}
	
button a {color: #aaaaaa; font-weight: 600; text-decoration: none;}
  
}

@media only screen and (min-width: 400px) {
  
  .kompletta-webstudio {
    position: absolute;
    top: 40%; 
    right: 50%;
    transform: translate(50%,-50%);
    text-transform: uppercase;
	text-decoration: none;
    /*font-family: verdana;*/
	/*font-family: "Times New Roman", Times, sans-serif;*/
	font-family: "Playfair Display", serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 4rem;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow: 1px 1px 1px #919191,
        1px 1px 1px #919191,
        1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 2px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 4px 1px #919191,
    1px 6px 4px rgba(16,16,16,0.4),
    1px 7px 4px rgba(16,16,16,0.2),
    1px 8px 10px rgba(16,16,16,0.2),
    1px 10px 20px rgba(16,16,16,0.4);
}

button {
	border: 1px solid #cccccc; 
	border-radius: 7px; margin: 15px; 
	padding: 5px 15px; 
	box-shadow: 3px 4px 5px #c2c2c2; 
	position: relative;
	float: right;
	font-size: 1rem;
	}
	
button a {color: #aaaaaa; font-weight: 600; text-decoration: none;}


}

.kompletta-webstudio a {
    
    color: #f5f5f5;
    	text-decoration: none;
}


.kompletta-webstudio a:hover {
    
    color: #ffffff;
    	text-decoration: none;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}


button {
	border: 1px solid #2c2c2c; 
	border-radius: 7px; margin: 15px; 
	padding: 5px 15px; 
	box-shadow: 3px 4px 5px #ababab; 
	position: relative;
	float: right;
	font-size: 0.9rem;
	}
	
	
button a {color: #aaaaaa; font-weight: 600; text-decoration: none; text-shadow: 1px 0px 0px #2c2c2c;}
 
 