@charset "UTF-8";
/* CSS Document */

.hello {
	margin:auto;
  	display: flex;
  	align-items: center;
  	justify-content: center;}
	
.hello>h1 {
    margin: auto;
	padding: 50px;
	padding-top: 140px;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	/*border: 10px solid #f8f2e8;*/}

.hello>img {
    
	margin-top: 50px;

}

.black{
		
}

.black:hover{

	content: url(../img/HoverKingLogoBlock-16.svg);

}


h1{
	text-align: center;
	font-size: 130pt;
	font-family: 'Lato';
	font-weight: 400;
	text-rendering: optimizeLegibility;
	color: #3c7e8e;
	letter-spacing: -5px;
	
/*	
	-webkit-transition: background-color 500ms ease-out .1s;
    -moz-transition: background-color 500ms ease-out .1s;
    -o-transition: background-color 500ms ease-out .1s;
    transition: background-color 500ms ease-out .1s;*/}
	
/*h1:hover {
    background-color: rgba(255,255,255,.2);
}*/

.hello>p {
	margin: auto;
	padding: 0px 50px;
    position: absolute;
    top: 30%;
    /*left: 50%;*/
	line-height: 35px;
   /* margin-right: -50%;*/
}

.name{
	font-size: 30pt;
	line-height: 50pt;
	font-weight: 700;
}

p{
	text-align: center;
	font-size: 20pt;
	font-family: 'Lato';
	font-weight: 300;
	text-rendering: optimizeLegibility;
	color: #3c7e8e;
}

.hello>div{
	padding-top:50px;
}

a{
	font-weight: 400;
	color: #3c7e8e;
}
a:hover{
	font-weight: 300;
}

.fa{
	color: white;
	font-size: 25px !important;
    padding: 10px;
}

body{
	background: black;
/*background: linear-gradient(313deg, #98cad5, #083c47);
background-size: 600% 600%;

-webkit-animation: AnimationName 10s ease infinite;
-moz-animation: AnimationName 10s ease infinite;
-o-animation: AnimationName 10s ease infinite;
animation: AnimationName 10s ease infinite;*/}

/*@-webkit-keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:51% 100%}
    100%{background-position:50% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:51% 100%}
    100%{background-position:50% 0%}
}
@-o-keyframes AnimationName {
    0%{background-position:50% 0%}
    50%{background-position:51% 100%}
    100%{background-position:50% 0%}
}
@keyframes AnimationName { 
    0%{background-position:50% 0%}
    50%{background-position:51% 100%}
    100%{background-position:50% 0%}
}*/

@media screen and (max-width: 600px) {
    h1{
	font-size: 80pt;}
	
	.hello>h1 {
	padding-top: 250px;
	/*border: thick solid #f8f2e8;*/}

p{
	font-size: 12pt;}
	
.fa{
	color: white;
	font-size: 20px !important;
    padding: 10px;
}
	.name{
	font-size: 17pt;
}
}