body{
    width: auto;
}
.carusel{
    margin-top: 1%;
}
.nav_top {
    display: flex; 
    justify-content:space-evenly;

}
.nav_on{
    font-size: 1em;
}

.nav_fierdance{
    font-size: 1em;
    text-align:center;
    padding-top: 5%;
}





main { 
    background-color: rgb(213, 179, 29); 
    text-align: center;
}
h1{
    font-size: 2em;
}
/* bloc photo */
.parent {
    background-color: rgb(213, 179, 29);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.child{
    width: 300px;
    height:200px;
    margin: 40px;
}

.startcarusel{
    padding-top: 20px;
}

.logo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position:relative;
    display: flex;
    flex-direction:row;
}


.burger{
    text-align:right;
}

.logo_fb{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 8px;
}


.logo_insta {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: top;
}

.rightpic {
    float: right; /* Выравнивание по правому краю */
    margin: 0 0 5px 5px; /* Отступы вокруг фотографии */
   }

.socsety {
    display: flex;
    justify-self:center;
    padding-top: 5%;
}
.name_socsety{
    text-align: center;
}

.content {
    text-align:center;
    background-color: white; 
    font-family:Arial, Helvetica, sans-serif;
    margin: 5%;
}
.content_on{
    width: 100%;
    text-align:left;
    margin: 5%;
    display: flex;
    justify-content:flex-start;
    flex-direction: column;

}
.fier{
    margin-top: 20px;
}

.photo{
    width: 300px;
    height:200px;
    margin: 40px;
}


.contact{
    background-color: black;
    color: rgb(255, 255, 255);
    display: block;
   }

.interval_0{
    margin-bottom: 20px;
    color: rgb(0, 0, 0);
}

.interval{
    color: rgb(222, 198, 16); 
    margin-top: 20px;
    margin-bottom: 20px;
}

.adress{
    display: flex; 
    flex-wrap:wrap;
    align-items: center;
    justify-content:space-between;
}
.adress1{
    font-size: 20px;
    text-align: left;
    width: 40%;
    height:auto;
    margin: 5px;
}

.logo_finish {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

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

    .child {
        width: 170px;
        height: 120px;
        margin: 5px;
    }

    .adress1{
        font-size: 20px;
        text-align: left;
        width: 100%;
        height:auto;
        margin: 5px;
    }
}
@media screen and (max-width: 300px) {
    .child {
        width: 100px;
        height: 70px;
        margin: 5px;
    }

    .adress1{
        font-size: 20px;
        text-align: left;
        width: 100%;
        height:auto;
        margin: 5px;
    }


}