@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap&subset=latin-ext');

.mobile{
    display: inline-block;
}
.desktop{
    display: none;
}
#g-header{
    border-bottom: 1px solid #f0edf0;
       box-shadow: 0 5px 20px 0 #f0edf0;
       border-bottom-left-radius: 270% 120%;
       border-bottom-right-radius: 270% 120%;
       padding:0;
    }
#g-header{
    background-image: none;
    background-color: transparent;
}
#g-header::before{
    background-image: none;
    background-color: transparent;
        
}
#g-header .g-grid{
    display: flex;
    flex-wrap: nowrap;
}
#g-page-surround{
    text-align: center;
}
#g-features{
    width: 95%;
    margin: auto;
    padding: 0;
    margin-top: 80px;
    border-top-right-radius: 10% 35%;
    border-bottom-right-radius: 10% 35%;
}

#g-features .g-container .g-grid:last-child .g-block:last-child{
    z-index: 1000;
}
#g-features p{
    line-height: 1;
}
#custom-4752-particle, #custom-4770-particle, #custom-5625-particle{
    margin: 0;
}
#custom-4985-particle, #custom-7464-particle, #custom-9056-particle, #custom-9254-particle, #custom-9077-particle, #custom-2438-particle, #custom-1369-particle, #custom-2323-particle, #custom-7515-particle, #custom-6917-particle, #custom-4418-particle, #custom-3266-particle, #custom-4792-particle, #custom-6752-particle, #custom-3588-particle{
    margin: 0;
    padding: 0;
}
#g-footer .g-content{
    margin:0;
}
#g-footer{
    background-color: transparent;
    padding: 0;
    margin: 0;
}
#g-footer .g-grid{
    margin:0;
}
#Group_89{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#g-utility{
    background-color: transparent;
    text-align: center;
    
}
.box{
   position: relative;
   display: block;
   height: 35vh;
}
img{
    position: absolute;
    left: 50%;
    top: 30vh;
    transform: translate(-50%, -50%);
    z-index: 1;
}
div.g-block.size-25{
   background: #F29225;
    border-top-right-radius: 10% 35%;
    border-bottom-right-radius: 10% 35%;
}
div.g-block.size-65{
 
    box-shadow: 0px -15px 10px -15px #f0edf0,  0px 20px 10px -15px #f0edf0;   
}
.g-block{
    position: relative;
}
.g-grid{
    margin: 0 0 20px 0;
        display: flex;
        flex-wrap: nowrap;
}
.g-container h1{
    color: black;
    text-align: center;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    margin:0 0 40px 0;
    font-weight: 700;
    text-transform: none;
}
.g-container{
    width: 100%;
    
}
.image-container{
    text-align: center;
}

/* p.document{
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    
} */
a.document{
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);
    line-height: 1;
    
}
.document span{
    position: static;
}
.size-65 p{
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    color:black;
    font-weight: bold;
    margin: 0 0 20px 0;
   
}
.size-10>svg{
  margin-left: 55px;
}
svg.icons{
 margin-left:0 ;
  width: 100%;
 
}

.footer{
    position: relative;
    background-color: #94C123;
    border-top-left-radius: 150% 150%;
    border-top-right-radius:150% 150%;
    height: 15vh;
    text-align: center;
    box-shadow: 0 -5px 0 rgba(148,193, 35,.32);
}

@media(min-width: 768px) and (orientation:portrait){
    
    .box{
        height: 70vh;
     }
     img{
         top: 50vh;
     }
}
@media(orientation:landscape){
    #logo-9121-particle{
        padding: 0 80px;
    }
    .footer{
        height: 20vh;
    }
    .box{
        margin-top: -120px;
        height: 120vh;
     }
     img{
         top: 95vh;
     }
}

@media(min-width: 640px) and (orientation:landscape){
    .box{
        height: 130vh;
     }
    img{
        top: 100vh;
    }
}
@media(min-width: 731px) and (orientation: landscape){
    #logo-9121-particle{
        padding: 0 130px;
    }
    .box{
        margin-top: -200px;
     }
    img{
        top: 105vh;
    }
}
@media(min-width: 812px) and (orientation:landscape){
    #logo-9121-particle{
        padding: 0 160px;
    }
    .box{
        height: 140vh;
     }
     img{
         top:110vh;
     }
}
@media(min-width: 1024px) and (orientation:landscape){
    #logo-9121-particle{
        padding: 0 300px;
    }
    .box{
        height: 90vh;
     }
     img{
         top: 70vh;
     }
}
@media(min-width: 1280px) and (orientation: landscape){
    #logo-9129-particle{
        padding: 0 300px;
    }
    .box{
        height: 90vh;
     }
     img{
         top: 70vh;
     }
}
@media(min-width: 1366px) and (orientation:landscape){
    .box{
        position: relative;
        display: block;
        height: 80vh;
     }
     img{
         position: absolute;
         left: 50%;
         top: 60vh;
         transform: translate(-50%, -50%);
         z-index: 1;
     }
     .desktop{
         display:inline-block;
     }
     .mobile{
         display:none;
     }
     #g-header{
           padding-top: 50px;
        }
        #g-features{
            width: 80%;
            margin-top: 150px;
        }
        .g-grid{
            margin-bottom: 50px;
        }
        .g-container h1{
            font-size: 55px;
            margin: 10px 0;
        }
        /* p.document{
            font-size: 14px;
            left: 30%;
           
        } */
        a.document{
            font-size: 14px;
            left: 30%;
           
        }
        
        .document span{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(170%, -50%);
        }
        .size-65 p{
            left: 20%;
            font-size: 20px;
            margin: 0;
        }
        svg.icons{
            margin-left: 50% ;
           }
           .footer{
            height: 20vh;
            box-shadow: 0 -15px 0 rgba(148,193, 35,.32);
        }
}
@media(min-width: 1440px) and (orientation:landscape){
    .document span{
        transform: translate(200%, -50%);
    }
}
@media(min-width: 1920px) and (orientation: landscape){
    .box{
        height: 100vh;
     }
     img{
         top: 72vh;
     }
}