/* Generic */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

/*Typography*/

body {
    font-family: Source Sans 3,"Times New Roman",Times,serif;
    color: #333333;   
}

.row {
    margin-bottom: 4em;
}

h1 {
    font-family: 'Dancing Script';
    font-size:x-large;
}

.header {
        display: flex;
        padding: 0 2%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}

.title {
    text-align: center;
    padding-top: 2em;
    margin-bottom:4em;
}

.content .text {
    max-width: 700px;
}

h1.logo {
    color: brown;
}
h1.logo span {
    color: #a5292a7a;
}

.sr-only{
    display: none;
}


.info {
    background-color: #19222B;
    color: white;
    padding: 2em 2em;
} 

.end {
    background-image: url("../images/Studio.jpg");
    margin-top: -4em;
}

img {
    max-width: 100%;
}

.info img {
    width: 100%;
    max-width: 450px;
}

.work {
    text-align: center;
    margin-bottom: 5em;
}

/* Media queries*/
@media only screen and (max-width: 1200px) {
    .process {
       margin-top: 5em;
    }
}