h4,p,li{
    font-family: "Arvo", serif;
    font-weight: 400;
    font-style: normal;
}
h4{
    color: grey;
}
p{
    max-width: 30vw;
}
a, a:visited{
    color: black;
}
a h4:hover, a:hover{
    color: greenyellow;
    text-decoration: underline;
}
ul{
    list-style: none;
}
    li{
        text-indent: -2.5em;
    }
    li:before{
        content: "→";
    }



body{
    padding: 20px;
}

header, footer{
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: calc(100vw - 40px);
    background-color: white;
    padding: 20px;
    left: 0;
}
    header p, footer h4{
        margin: 0;
    }
header{
    top: 0;
}
footer{
    bottom: 0;
}

#CTA_container,img,#img-3{
    position: absolute;
}
img,#img-3{
    height: 350px;
    width: unset;
    padding: 0;
    z-index: -1;
}
    #img-3{
        overflow: hidden;
        width: 250px;
        top: 55vh;
        left: 290px;
    }
    #img-3 img{
        position: relative;
        object-fit: cover;
        height: 150%;
        width: 150%;
        margin-top: -80px;
    }
    #img-1{
        right: calc(30vw + 40px);
        top: 5vh;
    }
    #img-2{
        top: 25vh;
    }
    #CTA_container{
        left: 560px;
        top: 55vh;
        width: 250px;
    }
    
    
#text_container{
    position: absolute;
    right: 20px;
    top: 200px;
}




@media only screen and (max-width:1100px) {
    p{
        max-width: calc(100vw - 40px);
    }
    a h4:hover, a:hover{
        color: black;
    }
    footer a{
        color: grey;
    }


    
    header, footer{
        position: fixed;
        padding: 10px 20px 10px 20px;
    }
    footer{
        background-color: rgb(0,0,0,0);
    }
    footer h4{
        font-size: 0.7em;
    }

    #text_container,#CTA_container,img,#img-3{
        position: static;
    }
    #text_container{
        margin: 100px 0 50px 0;
    }
    #CTA_container{
        margin: 30px 0 100px 30px;
    }
    img,#img-3{
        margin-bottom: 20px;
        width: 50vw;
        height: unset;
    }
    #img-1{
        margin-left: calc(50vw - 40px);
    }
    #img-2{
        margin-left: 10vw;
    }
    #img-3{
        height: 50vw;
    }
}