/*
Charles Langlan Style Sheet 
   Filename: index.css
   Author: Charlie Langlan
   Main Style Sheet
*/

/* About Section (text and image) + main page content */
.about-section {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.about-text {
    flex: 1;
}

.about-section img {
    flex-shrink: 0;
    /* prevents image shrink */
}

.content,
.two-column-container {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(205, 213, 213, 0.2);
    border-radius: 5px;
}

.two-column-container {
    display: flex;
    gap: 2rem;
    padding: 20px;
    box-sizing: border-box;
}

.column-left,
.column-right {
    flex: 1;
    padding: 20px;
    background-color: rgba(205, 213, 213, 0.2);
    border-radius: 5px;
    text-align: center;
}

/* iFrame responsiveness & formatting for smaller screens*/
.column-right iframe {
    overflow: hidden;
}

/* Responsive based on device */
@media screen and (max-width: 768px) {

    .two-column-container,
    .about-section,
    .instagram-media {
        flex-direction: column;
    }

    .column-left,
    .column-right,
    iframe { 
        width: 95%;
        padding: 15px;
    }

    
}