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

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family: "ff-cocon-pro", sans-serif; font-size:1.8rem; line-height:1.4; color:#444444; background: rgb(123,178,37);background: radial-gradient(circle, rgba(123,178,37,1) 0%, rgba(0,125,44,1) 100%); overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:700;font-family: "ff-cocon-pro", sans-serif;text-transform:uppercase; }
h1{font-size:3.0rem; margin-bottom:32px;}
h2{font-size:2.5rem; margin-bottom:32px;}
h3{font-size:1.8rem; margin-bottom:16px;}
h4{font-size:1.6rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#ffffff; text-decoration:none;}
a:hover{color:#532c1b;}

small{font-size:1.4rem;}
section{padding: 48px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}


/*floats*/
.left{float:left;}
.right{float:right;}

/*forms*/


/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*generals*/
.bg-green{background: rgb(123,178,37);background: radial-gradient(circle, rgba(123,178,37,1) 0%, rgba(0,125,44,1) 100%);}
.bg-white{background:#ffffff;}

/*header*/
header{height:140px; overflow:visible;}
header .grid{display:grid; grid-template-columns:360px 1fr; grid-gap:32px;}
header .grid .logo{aspect-ratio:360/199; width:360px}
header .grid .logo img{width:100%; height:100%; object-fit:contain;}


.slider{width: 100%; height:750px;}
.grid{display:grid; grid-template-columns:1fr 1fr; gap:64px;}
section.slider .grid{padding-top:128px;}
.slider .background{width: 100%; height:100%; position:absolute; top:0; left:0; z-index: -1;}
.slider .background img{width: 100%; height: 100%; object-fit:cover;}

/*sections*/
section{padding-top:24px;}
section article{padding:24px; border-radius:8px; background:white; margin-top:24px;}
section article h1,
section article h2{display:grid; grid-template-columns:auto 24px; margin-right:auto; gap:24px;}
section article h1 img,
section article h2 img{width: 24px; height:24px; object-fit:contain;}
section article p a{color:rgb(123,178,37); text-decoration:none;}


footer *{color:#d2d2d2; font-size:1.2rem; }
footer{ text-align:center;}
footer .container{margin-top:24px; margin-bottom:24px;}

/*laptop*/
@media only screen and (max-width:1220px) 
{  
    section.contact .info a{margin-right:20px; display:block;}
    
}

/*laptop*/
@media only screen and (max-width:1024px) 
{  

h2{font-size:2.0rem;}

    header .grid .logo{width: 250px;}




}

/*tablet*/
@media only screen and (max-width:768px) 
{
/*sections*/

header{height:100px;}
.grid{grid-template-columns:1fr;}


}

/*mobile l*/
@media only screen and (max-width:426px)
{   

}

/*mobile m*/
@media only screen and (max-width:376px)
{

}

/*mobile s*/
@media only screen and (max-width:320px)
{

}