body {
    margin: 0px;
    padding: 0px;
    background-color: whitesmoke;
}

h1 {
    background-color: blanchedalmond;
    color: deeppink;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 0.3%;
}

h2 {
    background-color: antiquewhite;
    color: darkblue;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0%;
    padding-left: 1%;
    padding-right: 1%;
}

p{
    background-color: azure;
    color: black;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0%;
    padding-left: 1%;
    padding-right: 1%;
}

a{
    background-color: lightcyan;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0%;
    padding-left: 1%;
    padding-right: 1%;
}

@media (min-width: 768px){
    h1{
        font-size: 36px;
    }

    h2{
        font-size: 30px;
    }

    p{
        font-size: 28px;
    }

    a{
        font-size: 28px;
    }
}

.ConA img{
    width: 100%;
}