@import url("../../../global/css/main.css");

@media 
screen and (max-width: 672px) {
    main {
        position: relative;
        top: 7rem;
        left: 5%;
        width: 90%;
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    
    a {
        color: var(--primary);
        max-width: 90%;
    }
    
    p:not(.main-headline, .sub-headline) {
        position: relative;
        left: 10%;
        max-width: 80%;
        font-size: 1rem;
        text-align: justify;
    }
    
    .main-headline {
        position: relative;
        text-align: center !important;
        font-size: 1.5rem;
        color: var(--primary);
    }
    
    .sub-headline {
        position: relative;
        text-align: center;
        font-size: 1.2rem;
        color: var(--secondary);
    }
    
    .headline {
        color: var(--secondary);
        margin-top: 1.5rem;
        margin-bottom: .2rem;
    }
    
    .address {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}