#cutout {
    animation: 1s ease-out 0s 1 cutoutAnimation;
    border-radius: 0px !important; 
    margin-bottom: -150px; 
    margin-top: -1100px
}

@media only screen and (max-width: 500px) {
    #cutout {
        margin-bottom: -300px; 
        margin-top: -125px !important
    }
    
    #intro{
        margin-top: 0px;
    }
    
    #facts{
        margin-top: -27px;
    }
}

@media only screen and (max-width: 980px) {
    #cutout {
        margin-bottom: -300px; 
        margin-top: 0px !important
    }
    
    #intro{
        margin-top: 0px;
    }
    
    #facts{
        margin-top: -27px;
    }
}

@media only screen and (min-width: 980px) {
    #cutout {
        margin-bottom: -150px; 
        margin-top: 0px
    }
    
     #facts{
        margin-top: 0px;
    }
}


@media only screen and (min-width: 1280px) {
    #cutout {
        margin-bottom: -150px; 
        margin-top: -1100px
    }
}

@keyframes cutoutAnimation {
  0% {
    transform: translateY(+40%);
    transform: rotateX(180);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
     transform: rotateX(0);
    opacity: 1;
  }
}

.progress {
    margin-top: 1%;
    height: 3%;
    padding: 5px;
    background-color: #f93c00;
    border-color: #f93c00;
    border-radius: 10px;
    border-width: 3px;
    border-style: solid;
}