h1 {
    margin-top: 2%;
    border-bottom: 2px dotted black;
}

.titleImg {
    margin-top: 2%;
    width: 30%;
    height: auto;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}

article {
    margin-top: 2%;
    margin-bottom: 2%;
    width: 90%;
    padding: 2%;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
}

h2 {
    width: 100%;
    margin-top: 2%;
    border-top: 2px dotted black;
    padding-top: 1%;
}

p {
    margin-top: 2%;

    text-align: justify;
}

ul {
    margin-top: 2%;
    margin-left: 5%;
}

.image {
    width: 100%;
}

img {
    width: 90%;
    height: auto;
}

@media (max-width: 1024px) {
    .titleImg {
        width: 70%;
        height: auto;
    }
}