body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}



.logo {
    width: 800px;
    margin-top: 100px;
    
}

@media only screen and (max-width:1000px) {

.logo {
   width: 400px;
   margin-top: 200px;
} }

.hero-area {
   text-align: center;
}

.calltoaction {

text-align: center;
}
            
.icon {

margin-top: -70px; }