/* Responsive logo and container for small devices */
/* Per-page index styles — typography, color, and container are provided by CSS/theme.css */

.nav-button { display:flex; gap:12px; align-items:center }

.content-heading {
    margin: 8rem 5rem;
    margin-bottom: 0;
}

.mid-content {
    max-width: 1200px;
    margin: 40px auto 0 auto;
    display: flex;
}

.content {
    margin-top: 0;
    margin-left: 50px;
    padding: 0 10px 10px 10px;
    border-radius: 4px;
    flex: 1;
    order: 1;
}

.content h3 {
    color: #0075ff;
    font-size: 300%;
    margin-left: 10px;
}

.content p {
    color: #00C2FF;
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 200px;
}

/* Buttons use shared theme styles in CSS/theme.css */
.button-1 a { margin: 20px; padding: 10px; color: inherit; text-decoration:none; }


.content-image {
    margin-top: 138px;
    margin-bottom: 20px;
    margin-right: 200px;
    flex: 1;
    order: 2;
}

.mid-content img,
.mid-2 img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    border: 2px solid transparent; /* remove dev border */
}

.mid-2 {
    max-width: 1200px;
    margin: 40px auto 0 auto;
    display: flex;
}

.mid-2-heading {
    margin-bottom: 20px;
    margin-right: 200px;
    flex: 1;
    order: 2;
}

.mid-2-heading h3 {

    color: #0075ff;
    font-size: 300%;
    margin-left: 70px;
    margin-top: 0;
}

.mid-2-heading p {
    color: #00C2FF;
    margin-left: 70px;
    margin-top: 0;
}

.button-2 a { margin:20px; padding:10px; color:inherit; text-decoration:none }

.content-image-2 {
    margin-top: 0;
    margin-left: 50px;
    flex: 1;
    order: 1;
}

/* Footer styles are provided by CSS/theme.css */

/* Adjusting spacing between menubar and content */
.container {
    margin-top: 20px; /* Adjust this value as needed */
}

/* Adjusting image container size and centering */
.pro-image {
    width: 200px; /* Adjust size as needed */
    height: 200px;
    object-fit: cover;
    object-position: center;
}

@media screen and (min-width:1024px) {
    
    .dropdown {
        display: none;
    }
}

.twitter-posts {
    margin: 40px auto;
    max-width: 1200px;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.twitter-post {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    background-color: #fff;
}

.twitter-post h4 {
    color: #1DA1F2;
    margin: 0;
}

.twitter-post p {
    color: #333;
    margin: 5px 0;
}