* {
    padding: 0;
    margin: 0;
    font-family: "inter", sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
}

img {
    max-inline-size: 100%;
}

.hola {
    position: relative;
    z-index: 10;
    margin-left: 210px;
    margin-bottom: 11px;
    font-size: 18px;
}

a.main_title, a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
    color: #000;
}

#welcome_media {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.cover img {
    object-fit: cover;
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 1100px;
}

.navbar ul {
    z-index: 2;
    font-family: "Inter", Helvetica, sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    list-style-type: none;
    position: fixed;
    top: 0;
    right: 5px;
    display: flex;
  }

.navbar a{
    text-decoration: none;
    color: black;
    transition: 0.3s;
}

a#blue {
    color: blue;
    text-decoration: underline;
}

.blue {
    color: blue;
}


.navbar a:hover{
    color: whitesmoke;
}

#__navbar ul {
    background-color:hsla(0, 0%, 95%, 0.6);
    top: 0;
    right: 0;
    padding-left: 1500px;
}

.main_title {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    padding: 0.5rem;
    padding-left: 0.8rem;
    font-size: 1.5rem;
    max-width: 50%;
    position: fixed;
    bottom: 0;
    z-index: 5;
}

.main_title_background {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 2.8rem;
    z-index: 5;
    background-color:hsla(0, 0%, 93%, 0.6);
}

.main_title_background_work {
    background-color:hsla(0, 0%, 93%, 0.6);
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 2.8rem;
    z-index: 5;
}

.main_title_work {
    background-color:hsla(0, 0%, 93%, 0.6);
    z-index: 999;
}

.section_title {
    margin-left: 1rem;
    font-family: "Inter", Helvetica, sans-serif;
    font-size: clamp(15px, 3vw, 1.8rem);
    font-weight: 400;
}


.section{
    padding: 0 5rem 0 5rem;
}

.about_section {
    margin-left: 0;
    font-family: "Inter", Helvetica, sans-serif;
    font-size: clamp(15px, 3vw, 1.8rem);
    font-weight: 400;
}

.presentation {
    font-family: "Inter", sans-serif;
    margin-top: 8rem;
    font-size: 1rem;
}

#about_flex {
    display: flex;
}

.about_img {
    max-width: 100%;
    margin: 4em 5em;
    margin-bottom: 3em;
    object-fit: contain;
    width: 550px;
}

.about {
    padding: 0 5rem 0 5rem;
}

#collaborations {
    padding: 5rem;
}

#collaborations_list {
    padding: 3rem;
    display: flex;
    justify-content: space-around;
}

.mobile_collab {
    margin-top: 5vh;
}

.mobile_collab_list {
    text-align: center;
}

.mobile_collab_list ul li {
    margin: 0.6vh;
}

.list1 {
    justify-content: center;
}


.collab_link:link {
    color: #000;
}

.collab_left_spacing {
    padding-left: 30px;
}

ul.collab2 {
    list-style-position: inside;
}

.li_marker_spacing li {
    padding-left: 10px;
}

.container_BYN {
    display: flex;
}

.container_BYN img {
    max-width: 300px;
    object-fit: contain;
    margin-left: 2rem;
}

.news_title {
    font-size: 1.5rem;
    font-weight: 600;
}

.news_date{
    font-weight: 600;
    color: rgb(82, 82, 82);
}

.news_data {
    font-weight: 600;
}

#contact {
    width: 100vw;
    max-width: 90%;
    margin-top: clamp(10px, 5vh, 2rem);

}

.contact_flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.contactBackground_img {
    background-image: url(/media/Attlb_MaliDönmez.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 1200px;
    text-align: center;
    color: whitesmoke;
    font-size: 2rem;
}

#letter {
    text-align: center;
    line-height: 50px;
    height: 500px;
    margin-top: 200px;
    overflow: hidden;
}

.section_spacing{
    padding: 1.5rem;
    margin-top: 3rem;
}

#calendar_main {
    z-index: 1;
}

table {
    width: 92%;
    margin: 4rem;
    padding: 2.5rem;
    padding-top: 0;
    margin-top: 3rem;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

.current_year {
    font-size: 2rem;
    font-weight: bold;
    text-align: left; 
    color: #333; 
    padding-top: 8rem;
    padding-left: 4rem;
  }

.former_year {
    font-size: 2rem;
    font-weight: bold; 
    text-align: left; 
    color: #333;
    padding-top: 0;
    padding-left: 4rem;
}

.table_header {
    text-align: left;
}

td {
    padding:2rem 0 2rem 0;
    border-top: 1px black solid;
}

form {
    width: 400px;
    margin: 5vh auto;
    padding: 200px;
    padding-bottom: 300px;
    height: 200px;
    position: relative;
    top: -10px;
}

form input,
form textarea {
    color: whitesmoke;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 2px;
    font-size: 1.5em;
    resize: none;
}

textarea {
    resize: none !important;
}

form textarea::-webkit-scrollbar {
    width: 0%;
}

.form_background {
    background-image: url(/media/other\ pictures/IUMI_MajoTielve3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
    min-height: 100vh; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.underlined-textarea {
    /* Set a fixed line-height for consistent line spacing */
    line-height: 2em; 
    /* Use a repeating linear-gradient to create the lines */
    background: 
      repeating-linear-gradient(
        to bottom, 
        transparent, 
        transparent calc(2em - 1px), /* Adjust this value to control line thickness */
        #ffff 0px, /* Color of the underline */
        #ffff 2em /* Repeat at the line-height interval */
      );
    background-attachment: local; /* Ensures background scrolls with content */
    width: 100%;
    height: 200px; /* Or adjust as needed */
    padding: 5px;
    box-sizing: border-box; /* Include padding and border in element's total width and height */
    resize: vertical; /* Allow vertical resizing if desired */
  }

.underlined-email-input{
      border-bottom: #ffff 1px solid;
  }

::placeholder {
    color: white;
    font-size: 22px;
}

button {
    border: 1px solid #ffff;
    text-transform: uppercase;
    font: 20px, "Inter", sans-serif;
    color: #ffff;
    padding: 6px 40px 6px;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    margin-top: 40px;
}

#matilda_email {
    font-size: 1.3em;
}

#ty_note {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "inter", sans-serif;
    font-size: 30px;
    width: 100%;
    height: 100%;
    font-size: 3rem;
    font-weight: 300;
    color: white;
    min-height: 100vh;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1.5rem;
}

.gallery-item {
    position: relative;
    margin: 10px;
    width: calc(33.33% - 20px);
}

.gallery-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: filter 0.3s ease-in-out;
}

.gallery-item:hover img {
    filter: blur(2px) brightness(80%);
}

.image-name {
    font-family: "inter", sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

@media (max-width: 768px) {
    .gallery-item {
        width: calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    .gallery-item {
        width: 100%;
    }
}


.contact_info {
    display: flex;
    flex-direction: column;
}

.contact_links {
    text-decoration: none;
    color: black;
    font-size: 1.3em;
}

.contact_links:hover {
    text-decoration: underline;
}

a .left_margin {
    margin-left: 70px;
}

#vg_flex {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

#matilda_email {
    font-size: 1.3em;
}

.work_title {
    max-width: 100%;
    margin-top: 3rem;
    font-size: clamp(12px, 6vw, 10rem);
}

.work_title_ionnalee {
    max-width: 100%;
    font-size: clamp(12px, 6vw, 10rem);
    margin-top: 15vh;
}

.work_title_iumi {
    margin-top: 4rem;
    font-size: clamp(20px, 16vw, 11rem);
    letter-spacing: 1rem;
    transition: letter-spacing 0.6s ease-in-out;
    max-width: 70vw;
}



.work_title_iumi:hover {
    letter-spacing: -2.5rem; 
  }

 #byn_title {
    font-size: clamp(10px, 10vw, 6.5rem);
    width: 95%;
    max-width: 100%;
    margin: 1rem;
    margin-left: 0;
    margin-top: 4rem;
    margin-right: 0;
}

#by_your_neighbour_title {
    font-size: clamp(10px, 9vw, 4.5rem);
    width: 95%;
    max-width: 100%;
    margin: 1rem;
    margin-left: 0;
    margin-top: 4rem;
    margin-right: 0;
}

.work_title_minawena {
    font-size: 7vw;
    margin-top: 8vh;
}

.work_main_container {
    width: 98%;
    display: flex;
    top: 12.5rem;
    margin-top: -2rem;
    margin-bottom: 2rem;
}

.work_main_container_byn {
    width: 98%;
    display: flex;
    top: 12.5rem;
    margin-top: -4.2vw;
    margin-bottom: 0;
}

.work_main_container_by_your_neighbour {
    width: 98%;
    display: flex;
    top: 12.5rem;
    margin-top: -3.2vw;
    margin-bottom: 0;
}

.work_main_container_beback {
    display: flex;
    top: 12.5rem;
    margin-top: -2rem;
    margin-bottom: 2rem;
}

.work_main_container_ionnalee {
    display: flex;
}

.bkl_overlap {
    margin-top: -1.8rem;
}

.iumi_overlap {
    margin-top: -3rem;
}

span.aerowaves {
    font-weight: 600;
}

.work_image {
    object-fit: cover;
    width: 60%;
    height: auto;
}

.work_image_byn {
    object-fit: cover;
    width: 60%;
    height: auto;
}

.work_image_beback {
    object-fit: cover;
    width: 45rem;
    height: auto;
}

.artist_statement {
    font-size: 1.5rem;
    margin: 6rem 6rem;
}

.premiere_info {
    font-size: clamp(10px, 2vw, 1.5rem);
    color: rgb(105, 105, 105);
}

.premiere_info2 {
    font-size: 1rem;
    color: rgb(105, 105, 105);
}

.work_main_text {
    font-size: clamp(10px, 2vw, 1.5rem);
    width: 95%;
    margin: 20px;
    margin-top: 4vw;
}

.flex {
    display: flex;
    flex-direction: column;
}

#main_text {
    margin-top: 0;
}

.work_main_text2 {
    width: 80%;
    font-size: 1rem;
    margin-left: 0;
}

.work_sub_image {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    margin: clamp(0, 10vw, 1rem);
}

.work_sub_images_color_it {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    height: auto;
    max-width: fit-content;
    justify-content: center;
    margin: clamp(2rem, 10vh, 4rem);
}

.portrait_image{
    width: 40%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.landscape_image {
    height: auto;
    width: 90%;
    margin: clamp(2px, 10vw, 2.5rem);
    justify-content: center;
}

.land_img2 {
    margin-bottom: 0px;
}

.center_images_flex {
    width: 100%;
    max-width: 100vw;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.work_info {
    margin: 3rem;
    margin-top: 2rem;
    font-size: 1.5rem;
    width: 85%;
}

.performance_dates ul li, .performance_locations ul li{
    list-style: none;
    text-decoration: none;
}

.performance_locations ul li {
    padding-left: clamp(1rem, 20vw, 8rem);
}

a.review {
    text-decoration: underline;
    color: blue;
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-in.show {
    opacity: 1;
}

.work_credits td {
    font-size: clamp(10px, 2vw, 1.5rem);
    border-top: none;
    padding: 0;
    text-align: left;
    vertical-align: top;
}

.work_credits td:first-child {
    color: blue;
}

.work_credits td:nth-child(2) {
    color: black;
}

.work_credits2 td:first-child {
    color: blue;
}

.work_credits2 td:nth-child(2) {
    color: black;
}

.work_credits {
    margin: clamp(3px, 3vw , 2rem);
}

.work_credits2 td{
    font-size: clamp(10px, 1.4vw, 1.3rem);
    border-top: none;
    padding: 0;
    margin: 0;
}

table.work_credits2 {
    margin: 0;
}

.work_video {
    position: relative;
    display: block;
    width: 98%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.work_video_mina {
    aspect-ratio: 16 / 9;
    margin-top: 2rem;
    position: relative;
    display: block;
    width: 80vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.sub_video_mina {
    aspect-ratio: 16 / 9;
    position: relative;

}

.work_title_spar {
    font-size: 7vw;
    margin: 5rem 0 0 1vw;
    z-index: 1;
}

.extra_videos {
    display: flex;
    flex-direction: row;
    width: 45vw;
    max-width: 80%;
}

.extra_videos iframe {
    margin: 1rem;
}

.ionnalee_container {
    margin: 15vh auto 8vh 0;
}

#first_container_ionnalee {
    margin-top: -2rem;
}

#second_container_ionnalee {
    margin-top: -2rem;
}

.ionnalee_main_video {
    aspect-ratio: 16 / 9;
    width: 70vw;
    display: block;
    margin-left: 0;
}

.ionnalee_video {
    aspect-ratio: 16 / 9;
    width: 80vw;
    display: block;
    margin:  20vh auto;
}

.ionnalee_secondary_video {
    aspect-ratio: 16 / 9;
    width: 40vw;
    display: block;
}

.ionnalee_sub_container {
    display: flex;
    width: 80vw;
    margin: auto;
    flex-direction: row;
    height: auto;
    margin: 5rem auto;
}

.ionna_wrapper {
    position: relative;
    justify-content: space-between;
    margin-bottom: 0;
}

.ionna_wrapper2 {
    font-size: 1rem;
    position: relative;
    justify-content: space-between;
    height: auto;
    margin-left: 1rem;
}

.formore_ionnalee {
    font-size: 1.5rem;
    margin-left: 5rem;
    margin-bottom: 3rem;
}

/* Mobile */

.v_icon, .ig_icon {
    display: none;
}

.back_icon {
    display: none;
}

.mobile_navbar{
    display: none;
}

#mobile_email {
    display: none;
}

.mobile_contact_img {
    display: none;
}



@media only screen and (max-width: 640px) {

    .work_credits td:first-child {
        color: blue;
    }

    .work_credits td:nth-child(2) {
        color: black;
    }

    .work_credits2 td:nth-child(2) {
        color: black;
    }

    a:active, a:visited, a:focus {
        color: black;
    }

    #welcome_media{
        width: auto;
        height: 100vh;
        object-fit: fill;
    }

    .cover img {
        width: 300px;
        min-width: 100px;
    }

    .cover img {
        object-fit: cover;
        width: 100%;
        max-width: 100%;
    }

    .navbar {
        display: none;
    }
    
    .navbar ul li {
        margin: 5px;
        background-color: hsla(0, 0%, 93%, 0.6);
    }

    .main_title {
        font-size: 1rem;
        padding: 10px;
        padding-left: 12px;
    }

    .icons {
        z-index: 6;
        position: fixed;
        display: flex;
        bottom: 0;
        right: 3px;
    }

    .v_icon, .ig_icon {
        display: block;
        margin: 10px 15px;
        color: black;
    }

    a.v_icon, a.ig_icon {
        color: black;
        text-decoration: none; 
      }
      
    a.v_icon:visited {
    color: black;
    text-decoration: none;
    }
    
    a.v_icon:hover {
    color: black; 
    text-decoration: none;
    }
    
    a.v_icon:active {
    color: black;
    text-decoration: none;
    }

    a.ig_icon:visited {
        color: black;
        text-decoration: none;
        }
        
    a.ig_icon:hover {
        color: black; 
        text-decoration: none;
        }
        
    a.ig_icon:active {
        color: black;
        text-decoration: none;
        }

    .back_icon {
        font-family: "inter", sans-serif;
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        font-size: 25px;
        font-weight: 200;
        z-index: 10;
        margin: 10px 25px;
    }

    a .ig_icon:visited {
        color: black;
    }

    a .v_icon:visited {
        color: black;
    }

    ion-icon {
        font-size: 22px;
        color: black;
    }

    .mobile_navbar{
        margin: 20px;
        display: flex;
        position: absolute;
        background-color: hsla(0, 0%, 95%, 0.6);
        color: black;
    }

    .mobile_navbar a{
        text-decoration: none;
        color: black;
    }

    .mobile_navbar li {
        margin: 20px;
        list-style-type: none;
    }

    .about_img {
        margin: 15px 5px;
        object-fit: contain;
        width: 200px;
        height: auto;
        justify-content: center;
    }
    
    .presentation {
        width: 90vw;
        margin: 0;
        font-size: 12px;
        line-height: 14px;
        align-items: center;
    }
    
    #about_flex {
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        margin: 0;
        justify-content: center;
    }

    .about {
        margin: 10px 20px;
        padding: 0;
        font-size: 12px;
    
    }

    .section_title {
        margin-left: 5px;
        font-size: 15px;
    }

    #news {
        margin-bottom: 15px;
    }

    #collaborations {
        display: none;
    }

    #mobile_collab {
        display: block;
    }

    .news_title {
        font-size: 13px;
        font-weight: 600;
    }
    
    .news_date{
        font-size: 13px;
        font-weight: 600;
        color: rgb(82, 82, 82);
    }
    
    .news_data {
        font-weight: 600;
    }
    
    .section_spacing {
        padding: 0;
        margin-top: 20px;
    }

    .section {
        margin-top: 15px;
        padding: 10px 20px;
        font-size: 12px;
    }

    .container_BYN {
        flex-wrap: wrap;
    }

    .BYN_img {
        width: 80%;
        margin: 10px 20px;
    }

    #contact {
        display: none;
    }

    .hola {
        display: none;
    }

    .gallery-item {
        width: 80%;
    }
    
    #calendar_main {
        z-index: 1;
    }
    
    table {
        width: 95%;
        margin: 1rem;
        margin-top: 3rem;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
        border-spacing: 0;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .custom-table {
        margin-top: 1.5rem;
    }
    
    .current_year {
        font-size: 1.4rem;
        font-weight: bold;
        text-align: left; 
        color: #333; 
        padding-top: 3rem;
        padding-left: 1rem;
      }
    
    .former_year {
        font-size: 1.4rem;
        font-weight: bold; 
        text-align: left; 
        color: #333;
        padding-top: 0;
        padding-left: 1rem;
    }
    
    .table_header {
        text-align: left;
        font-size: 10px;
    }
    
    td {
        padding:2rem 0 2rem 0;
        border-top: 1px black solid;
        font-size: 10px;
    }

    #hola {
        display: none;
    }

    .mobile_contact_img {
        display: block;
        width: 100vw;
        height: auto;
    }

    #mobile_email {
        display: block;
        position: relative;
        background-color: white;
        z-index: 10;
        font-size: 4vw;
        width: auto;
        max-width: 100%;
        height: 30px;
        padding:30px;
        overflow-x: hidden;
        justify-self: center;
    }

    .work_main_container {
        margin-top: -1.6rem;
        flex-wrap: wrap;
        margin-bottom: -1.6rem;
    }

    .work_main_container_byn {
        flex-wrap: wrap;
        margin-top: -1.8rem;
        margin-bottom: -1.6rem;
    }

    .work_main_container_ionnalee {
        flex-wrap: wrap;

    }

    .wmc_allthose {
        margin-top: -1.3rem;
    }

    .wmc_backlangesen {
        margin-top: -1.4rem;

    }

    .wmc_minawena {
        margin-top: -0.6rem;
    }

    .wmc_beback {
        margin-top: -1.7rem;
    }

    .work_title_minawena {
        margin-left: 1vw;
    }

    .work_title {
        font-size: clamp(10px, 3.3vw, 1.5rem);
        width: 95%;
        max-width: 100%;
        margin: 1rem;
        margin-top: 2rem;
        margin-right: 0;
    }

    #beback_title {
        font-size: 7vw;
    }

    .work_title_ionnalee {
        font-size: 5vw;
        width: 95%;
        max-width: 100%;
        margin: 1rem;
        margin-top: 2rem;
        margin-right: 0;
    }

    .ionna_wrapper {
        margin-top: 5rem;
        justify-content: space-between;
        margin-bottom: 0;
    }

    #first_container_ionnalee {
        margin-top: -1.3rem;
    }
    
    #second_container_ionnalee {
        margin-top: -1.4rem;
    }

    .work_main_container_by_your_neighbour {
        flex-wrap: wrap;
        margin-top: -3vh;
    }

    .title_baklangensen {
        font-size: 1.5rem;
    }

    .bkl_overlap {
        margin-top: -2.5vh;
    }


    #main_text {
        margin-top: 1rem;
    }

    .work_title_iumi{
        font-size: clamp(15px, 13vw, 3rem);
    }

    .work_title_iumi:hover {
        letter-spacing: 0; 
      }

    .iumi_overlap {
        margin-top: -1rem;
    }

    .work_main_text {
        font-size: clamp(10px, 3vw, 2rem);;
        width: 90%;
    }

    .artist_statement {
        font-size:clamp(10px, 3.5vw, 0.8rem);
        margin: 3rem 2.3rem;
    }

    .work_image {
        width: 100%;
    }

    .work_image_byn {
        width: 100%;
    }

    .work_sub_images_color_it {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        height: auto;
        max-width: fit-content;
        justify-content: center;
        margin: clamp(0.5rem, 2vh, 1rem);
    }

    .credits {
        font-size: clamp(10px, 3vw, 2rem);
        display: flex;
        padding: 0.5rem;
        width: 99%;
    }

    .work_info {
        margin: 1rem;
        margin-top: 2rem;
        margin-bottom: 4.5rem;
        font-size: 1.5rem;
    }

    .work_video {
        margin-top: 1.5rem;
    }

    .extra_videos {
        aspect-ratio: 16 / 9;
        display: block;
        width: 100%;
    }
    
    .extra_videos iframe {
        margin: 1vw;
        width: 100%;
        margin-top: 1rem;
    }

    .video-responsive {
        position: relative;
        height: 0;
        max-width: 98%;
        margin: 1rem 0 15rem 0;
    }

    .video-responsive-main {
        position: relative;
        height: auto;
        max-width: 95%;
        width: 90%;
        margin: auto;
    }
    
    .thanks {
        font-size: clamp(10px, 3vw, 2rem);
    }

    #collaborations_list {
        padding: 0;
        flex-direction: column;
    }

    .ionnalee_main_video {
        aspect-ratio: 16 / 9;
        width: 95vw;
        display: block;
        margin-left: 0;
    }

    .ionnalee_sub_container {
        flex-wrap: wrap;
        width: 95vw;
        margin: auto;
        flex-direction: column;
        height: auto;
        margin: 5rem auto;
    }
    
    .ionnalee_container {
        margin: 0 auto 5vh 0;
    }

    .formore_ionnalee {
        font-size: 0.7rem;
        margin-left: 1.1rem;
        margin-bottom: 2rem;
    }

    .ionnalee_sub_container {
        margin: 2.5rem auto 2rem 1rem;
    }

    .ionnalee_secondary_video {
        width: 70vw;
        margin-bottom: 1rem;
    }
    
    .premiere_info2 {
        font-size: 0.6rem;
    }

    .ionnalee_title {
        font-size: 0.6rem;
    }

    .ionna_wrapper2 {
        font-size: 1rem;
        position: relative;
        justify-content: space-between;
        height: auto;
        margin-left: 0.2rem;
    }

    a.review {
        text-decoration: underline;
        color: blue;
    }


}

/* end Mobile */

/* tablet */

@media only screen and (min-width: 640px) and (max-width: 1023px) {

    #about_flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .presentation {
        margin: 2rem 0;
    }
    
    .about_img {
        margin-bottom: 3em;
        width: 400px;
    }

    .contact_flex {
        flex-wrap: wrap;

    }

    .contact_info {
        margin: 12rem;
    }

    
    .collab_left_spacing {
        padding-left: 0;
    }

    ul.collab2 {
        margin-top: 50px;
    }

    #collaborations_list {
        display: flex;
        flex-wrap: wrap;
    }

    .li_marker_spacing ul {
        margin-left: 20px;
    }

    .collab_margin {
        margin-left: 40px;
    }

    .collab_margin2 {
        margin-left: 90px;
    }

    #hola {
        display: none;
    }

    
}

/* for collabs only for now btwn 640px and 780px */
@media only screen and (min-width: 640px) and (max-width: 780px) {

    .collab_link {
        font-size: 12px;
    }
    

}

@media only screen and (min-width: 640px) and (max-width: 690px) {

    .collab_link {
        font-size: 10px;
    }

}

@media only screen and (max-width: 1200px) {

    .contact_flex {
        flex-wrap: wrap;
    }

    .contact_info {
        margin: 100px;
        margin-bottom: 200px;
        margin-right: 40px;
    }
}