﻿.ContactColumn{
    width:70%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:3rem;
}
.ContactRow{
    display:flex;
    gap:0;
    width:100%;
}
.ContactTextBox {
    width: 100%;
    padding: 3rem;
    color: #F5F5F5 !important;
    max-width: 30rem;
    min-width: 20rem;
    box-shadow: 3px 4px 12px rgba(10,10,10, 0.3);
}
.ContactTextBox p {
    font-size: 18px;
    font-weight: 200 !important;
}
.ContactTextBox p strong {
    font-weight: 600 !important;
}
.ContactTextBox h4 {
    margin-bottom:1.2rem;
}
.ContactImage {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    max-width: 30rem;
    min-width: 20rem;
    box-shadow:3px 4px 12px rgba(10,10,10, 0.3);
}
.BorderLeftMistralGold {
    border-left: solid #F8C614 6px;
    text-align:left;
}
.BorderRightMistralRed {
    border-right: solid #C8102F 6px;
    /*text-align:right;*/
}

/* NOTEBOOK */
@media screen and (max-width:1640px) and (min-width:1200px) {
    .ContactColumn {
        width: 80%;
    }
    .ContactTextBox {
        max-width: 36rem;
        min-width: 20rem;
    }
    .ContactImage {
        max-width: 36rem;
        min-width: 20rem;
    }
}
/*TABLET LANDSCAPE*/
@media screen and (max-width:1199px) and (min-width:990px) {
    .ContactColumn {
        width: 100%;
    }
}
/* TABLET */
@media screen and (max-width:989px) and (min-width:576px) {
    .ContactColumn {
        width: 100%;
    }
    .ContactRow {
        display: flex;
        flex-direction:column;
        align-items:center;
    }
}
/* MOBILE */
@media screen and (max-width:575px) {
    .ContactColumn {
        width: 100%;
    }
    .ContactRow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ContactTextBox {
        padding:1.5rem;
        max-width: 26rem;
        min-width: 16rem;
    }

    .ContactImage {
        max-width: 26rem;
        min-width: 16rem;
    }
}
