﻿
.sectionaboutus {
    margin: 60px 120px 180px 120px;
    text-align:end;
}

    .sectionaboutus h1 {
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 40px;
        font-family: 'TextBoldPS';
        font-size:60px;
    }


    .sectionaboutus strong {
        color: #be1d2c;
        font-size: 30px;
    }

    .sectionaboutus h1 strong {
        color: #be1d2c;
        font-size: 65px;
    }


    .sectionaboutus h2, h3, h4 {
        font-family: 'BoldPS';
        font-size: 22px;
        padding-bottom:20px;
        text-align:justify;
    }

    .sectionaboutus h4 {
    margin-bottom:40px;
    }

.sectionaboutus object{
    width: 100% !important;
    margin-bottom: -7px;
}

    .sectionaboutus b {
        text-decoration: #be1d2c underline;
    }

    .sectionaboutus a {
        padding: 20px;
        background-color: #be1d2c;
        text-decoration: none;
        color: white;
        border-radius: 50px;
        text-transform: uppercase;
        font-family: 'TextBoldPS';
        letter-spacing:2px;
        word-spacing:2px;
        border:5px solid black;
        opacity:0.5;
        margin-top:100px;
        }
.dark-mode .sectionaboutus a {
    border: 5px solid white;
}

.sectionaboutus a:hover {
opacity:1;
}



/*TELEFON*/
@media (max-width: 750px) {
    .sectionaboutus {
        margin: 40px 10px 100px 20px;
        text-align:center;
    }

        .sectionaboutus h1 {
            text-align:start;
            padding-bottom: 15px;
            font-size: 40px;
        }

            .sectionaboutus h1 strong {
                color: #be1d2c;
                font-size: 45px;
            }

        .sectionaboutus h2, h3, h4 {
            font-size: 16px !important;
            text-align: start;
        }

        .sectionaboutus object {
            width: 100% !important;
            margin-bottom: -7px;
        }

        .sectionaboutus strong {
            color: #be1d2c;
            font-size: 18px;
        }

        .sectionaboutus b {
            text-decoration: #be1d2c underline;
        }

        .sectionaboutus a {
            padding: 10px 20px;
        }

}


/*TABLET*/
@media (min-width: 750px) and (max-width: 1000px) {
    .sectionaboutus {
        margin: 40px 40px 100px 40px;
        text-align: end;
    }

        .sectionaboutus h2,h3,h4 {
            font-size: 20px !important;
            padding-bottom: 20px;
        }

        .sectionaboutus strong {
            color: #be1d2c;
            font-size: 22px;
        }
}