*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    font-size:16px;
    background: #379dd8;
}
body {
    margin:0;      
}
/*HEADER*/
.site-header {
    background-color:#fff;
    position:fixed;
    width:100%;
    display:block;
    z-index:9999;    
}
.container {
    max-width: 1140px;  
    margin:10px auto;
    padding:5px 20px;
}
.flex-container {
    display:flex;
}

.site-header .container {
	justify-content: space-between;
    align-items:center;
	margin:15px auto 10px;
    padding:0px 10px;
}
.site-header .language {
    align-items:center;
	margin:0 10px 0 10px;
	font-size: 1.5rem;
}
.site-header .language a{
    padding:0px 10px 0 10px;
	color:#778899;
    text-decoration: none;
    font-weight:600;
}
/*HERO*/
.hero {
    text-align:justify;
    width:100%; 
    padding: 100px 0 80px;
    margin: 0px 0; 
}
.hero .tekstas p { 
    color:#fff;
    font-size: 1.25rem;
}
.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #f7f0f0;
}
  
  @keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px);transform:translateX(0px)}50%{transform:translateX(80px);transform:translateX(80px)}100%{transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none; user-select:none;user-select:none;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s;animation-delay:3s,1.5s}

/* FOOTER */
.footer {  
    background-color:#fecb12;
    padding:5px 0; 
}
.footer ul {
	justify-content: center;
    list-style:none;  
}
.footer li {
	 padding:5px 10px 0;
	 text-decoration: none;
}
.footer ul li a {
    display:block;
    color:#fff;
    text-decoration: none;
    font-size:1.35rem;
    font-weight:600;
}
.footer .flex-container {
	justify-content: center;
}
.footer p {
    display:flex;
    justify-content: center;
    color:#fff;
    font-size:1.1rem;
    font-weight:400;
    margin: 5px 0 20px;
}
.footer ul li a:hover {
    color:#3aaa40;
}
@media all and (max-width:980px) {
   .hero .container {
        align-items:center;
	    margin:15px auto 10px;
        padding:50px 10px 20px;  
   }
    .hero .flex-container {
	    justify-content: center;
    }
    .site-header .container {
        display:block;	
    }
    .logo {
        float:left;
    }
    .hero {
        padding: 50px 10px 0;
    }
}

@media all and (max-width:640px) { 
	.site-header {
		width:100%;
	} 
    .footer .flex-container {
        flex-direction:column;
        justify-content: center;
        align-items:center;
    }
	.footer li {
	    padding:5px 0px 0;
}
    .footer p {
        margin: 5px -45px 20px 0;
    }
}

@media all and (max-width:420px) { 
	.logo {
        width: 50%;
    }
	    img {
        padding:0px 0;
        width: 150%;
    }
	.hero {
        padding: 20px 10px 0;
    }
    .site-header .container {
	    display:flex;
    }
    .site-header .language {
	   font-size: 1rem;
    }
}	

@media all and (max-width:320px) {
	 img {
        padding:0px 0;
        width: 150%;
    }
}