@media (max-width: 1080px){

    .body {
        background-color: blue;
    }


.header-row {
    column-gap: 30px;
}
.header-img {
    width: 300px;
    border-radius: 30px;
}
.hrader-title {
    font-size: 52px;
}
.header-text {
    font-size: 22px;
}
.portfolio-title {
    font-size: 42px;
}
.contacts-title {
    font-size: 42px;
}
.inner-page-title {
    font-size: 42px;
}
}

@media (max-width: 768px){
 .header {
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom-right-radius: 60px;

 }
 .header-row {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
 }
 .header-img {
    max-width: 100%;
    width: auto;
 }
 .hrader-title {
   font-size: 32px; 
 }
 .header-text {
    font-size: 18px;
 }
 /*botns*/

.btn,
.btn-outline {
    height: 42px;
    padding: 12px 15px 0;
} 
/*portfolio*/

.portfolio {
    padding: 40px 0;
}
.portfolio-title {
    margin-bottom: 30px;
    font-size: 28px;
}
.projects {
    row-gap: 30px;
}
.projectc-img {
    margin-bottom: 20px;
    border-radius: 14px;
    
}
.project-title {
    font-size: 16px;
}
/*contacts*/
.contacts {
    padding: 40px 0;
    border-top-left-radius: 60px;
}
.contacts-title {
    margin-bottom: 30px;
    font-size: 28px;
}
.messangers{
    gap: 20px;
}
.messanger {
    padding: 32px 2opx;
    border-radius: 12px;
    font-size: 16px;
}
/*footer*/
.footer-inner {
    font-size: 12px;
}
/*inner-page*/
.inner-page {
    padding: 40px 0 20px;
}
.inner-page-title {
    margin-bottom: 20px;
    font-size: 28px;
}
.inner-page-details {
    row-gap: 20px;
    margin-bottom: 20px;
  
}
.inner-page-text {
    row-gap: 20px;
}
.inner-page-img {
    margin-bottom: 20px;
}
.inner-page-backline {
    padding: 20px;
}
}