@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Open+Sans&display=swap');

*,
*:after,
*:before {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;

}

html, body {
    height: 100%;
	min-height: 100%;
	position:relative;
}
body {
margin: 0;
font-family: 'Open Sans', sans-serif;
overflow-x: hidden;
color: rgba(0,0,0,0.60);
font-size: 16px;
line-height: 1.6em;
width: 100%;
height: 100%;
background-image: url(../img/body.svg);
background-position: bottom right;
background-repeat: no-repeat;
background-size: auto 100%;
background-attachment: fixed;
}
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
    margin: 0;
    padding: 0;
    border: 0;
}

a:active,
a:hover {
    outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }



header {
    position: fixed;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 0px;
    height: 80px;
    line-height: 80px;
    padding-left: 80px;
    padding-right: 80px;
    /**/
}


.logo {
	float: left;/**/
	margin-top: 15px;
	opacity: 1;
	height: 50px;
    max-height: 50px;
	width: auto;
	display: block;

}

.logo:hover {
	opacity: 1
}



a, i, .logo{
-o-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  }	
a {color: rgba(0,0,0,0.60);text-decoration: none}
a:hover {color: rgba(0,0,0,1);text-decoration: underline}	
		
		
		
		
		
section {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: relative;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    padding: 80px;
    
}		
#block {width: 100%; display: block !important; height: auto !important;}		
.flex-container {
	display: flex;
	height: 100%;
	max-width: 1286px;
	margin: auto;
    flex-direction: column;/**/
	/**/justify-content: center;
	align-items: center;
    
   
}

#home {
    text-align: left;
    position: relative;
    animation-name: fadeIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;

    
 

}
.content {display: block; max-width: 60%}
#home img {height: 100%; width: auto}



@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



h1, h2, h3, .button {font-family: 'Montserrat', sans-serif;margin-bottom: 1.0em !important;padding-bottom: 0; font-weight: 700;}
h1 {
    font-size: 2.25em;
    color: #000;
    line-height: 1.2em;
    margin-bottom: 0;
    text-align: left;
    font-weight: 900;text-transform: uppercase;
}
p {margin-bottom: 1.4em;margin-top: 0;line-height: 1.6em;width:100%}

#home h1, #home h3 {color: #000 !important;}
#home h1 {font-size: 4em; line-height: 1em}
#home h3 {opacity: 0.8;}
    
		
.container{
	max-width: 1286px;
	margin: auto;
	padding-left: 40px;
	padding-right: 40px;
        }
.container ul{
	margin-left: 40px;
        }
.cleaner20px {float: left; clear: both; width: 100%; height: 20px;}
.cleaner40px {float: left; clear: both; width: 100%; height: 40px;}
.cleaner80px {float: left; clear: both; width: 100%; height: 80px;}

.button { display: block; text-align: left;margin-right: 40px;}
.button i {
color: rgba(0,0,0,0.60);
font-size: 3em;
}
.button i:hover {
color: rgba(0,0,0,1);
}



@media screen and (max-width: 1390px) {
body {font-size: 0.9em;}
#home h1 {font-size: 4em; line-height: 0.9em}
.flex-container {max-width: 1200px;}
.button {text-align: left;}
}



@media screen and (max-width: 1090px) {
body {background-size:  100% auto;height: auto;min-height: auto}
header {padding-left: 40px; padding-right: 40px;background-color: rgba(255,255,255,0.90);height: 60px;line-height: 60px;}
#home {
padding-top: 80px;
padding-right: 40px;
padding-left: 40px;
padding-bottom: 120px;
display: block
}
#home h1 {font-size: 3em;}
.content {display: block; max-width: 100%}
.cleaner80px {height: 40px}
.logo {margin-top: 10px;opacity: 1; margin-left: 0px; height: 40px;}
.logo img {height: 30px;}
}		
	
i {color: #449a35}
.small {line-height: 1.2em; font-size: 0.8em}