@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');
html, body {
    max-width: 100%;
    overflow-x: hidden;
    height:200vh;
}
body{
    height:900px;
}
*{
    padding: 0;
}
html, body 
{ 

 height: 100%;
 overflow: hidden
}
.email-text, .phone-text{
    font-family: 'Ropa Sans', sans-serif;
}
@media only screen and (max-height: 753px) {
    .woman{
        display:none;
    }

}

.start-button{
    background: url(../Images/start-point/start-button.svg);
    position: relative;
   
    width: 331.63px;
    height: 86px;
    left: 50%;
    transform: translateX(-50%);
    top: 479px;
}
.top-part{
       position: absolute;
    background: url(../Images/start-point/top-part.svg);
   width:120vh;
    height: 254px;
    left: 0;
    top: 0;
    background-size: 365px cover;


    background-repeat: no-repeat;

 
   
 
    
    
}
.logo{
    background: url(../Images/icons/company_logo.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 237.74px;
    height: 76.36px;
    left: 50%;
    transform: translate(-50%,0);
    top: 357px;
}

.design-circle_1{
    background: url(../Images/start-point/design-circle_1.svg);
    background-repeat: no-repeat;
    position: absolute;
width: 150.14px;
height: 151px;
left: 0;
top: 352px;
}

.design-circle_2{
    background: url(../Images/start-point/design-circle_2.svg);
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
    width: 150.14px;
    height: 151px;
  right:-123.14px;
    top: 589px;
  
}
.woman{
    background: url(../Images/start-point/women.svg);
    position: absolute;
    background-repeat: no-repeat;
    right:50%;
    transform: translate(50%, 0);
    bottom: 5.33%;
    width:300px;
    height: 119px;
    
}


.footer{
    position: absolute;

    bottom:0;
    left: 0;
    background-color: #719C40;
    width:100%;
    height: 48px;
    padding: auto 0 auto 0;

    display:flex;

    justify-content: space-around;
    align-items: center;
    
    
 
}
.logo-monochrome{
width: 98px;
height: 31.48px;
background: url(../Images/icons/logo-monochrome.svg);
}
.email-icon{
    background: url(../Images/icons/email-icon.svg);
    width: 20px; height: 20px;
    background-size: cover;
}
.phone-icon{
    background:url(../Images/icons/phone-icon.svg);
    width:20px;
    height: 20px;
    background-size: cover;
}
.email-text, .phone-text{
    color: white;
    font-size: 10px;
text-transform: uppercase;
}

.start-button:active{
    background: url(../Images/start-point/start-button-active.svg);
    background-repeat: no-repeat;
}