@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;700&display=swap');
@font-face{font-family:juli;src:url(fonts/Julietta-Messie-Demo.otf) format("opentype")}


.font-juli{font-family:juli,sans-serif}
.font-pt-serif{font-family:'PT Serif',serif}

.imgCC{
    width: 80%;
}
.social img:hover{
    opacity: 0.8;
}
li{
    list-style: none;
}
main{
    background-color: #f4f5f7;
}
.title{
    line-height:0.9;
}


@media (min-width: 992px) {
    .imgCC{
        position: absolute;
        top: 0;
        left: -20%;
        width: 120%;
    }

}


@media (min-width: 576px) {
    .sm\:text-xs {
        font-size: 1rem !important; }
    .sm\:text-sm {
        font-size: 1.5rem !important; }
    .sm\:text-base {
        font-size: 2rem !important; }
    .sm\:text-lg {
        font-size: 2.15rem !important; }
    .sm\:text-xl {
        font-size: 2.25rem !important; }
    .sm\:text-2xl {
        font-size: 2.5rem !important; }
    .sm\:text-3xl {
        font-size: 3rem !important; }
    .sm\:text-4xl {
        font-size: 3.5rem !important; }
    .sm\:text-5xl {
        font-size: 4.3rem !important; }
    .sm\:text-6xl {
        font-size: 6rem !important; } }


@media (min-width: 992px) {
    .lg\:text-xs {
        font-size: .75rem !important; }
    .lg\:text-sm {
        font-size: 1rem !important; }
    .lg\:text-base {
        font-size: 1.25rem !important; }
    .lg\:text-lg {
        font-size: 1.75rem !important; }
    .lg\:text-xl {
        font-size: 2rem !important; }
    .lg\:text-2xl {
        font-size: 2.25rem !important; }
    .lg\:text-3xl {
        font-size: 2.5rem !important; }
    .lg\:text-4xl {
        font-size: 2.75rem !important; }
    .lg\:text-5xl {
        font-size: 3.5rem !important; }
    .lg\:text-6xl {
        font-size: 4rem !important; }
}