-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.css
1 lines (1 loc) · 25.9 KB
/
main.css
1
@font-face{font-family:Neue;src:url(../fonts/TTFirsNeue-Regular.woff),url(../fonts/TTFirsNeue-Regular.woff2);font-style:normal;font-display:swap;font-weight:400}@font-face{font-family:Neue;src:url(../fonts/TTFirsNeue-Bold.woff),url(../fonts/TTFirsNeue-Bold.woff2);font-style:normal;font-display:swap;font-weight:700}@font-face{font-family:Roboto;src:url(../fonts/roboto-regular.woff),url(../fonts/roboto-regular.woff2);font-style:normal;font-display:swap;font-weight:400}*{box-sizing:border-box}body,html{margin:0;font-size:16px;font-family:Roboto}a{text-decoration:none;color:#202020}p{margin-top:0;margin-bottom:0}.visible{display:block!important}.container{overflow:hidden}.header{background-color:#202020;margin-bottom:41px}.header__container{grid-template-rows:1fr;position:relative;align-items:center;height:80px}.header__burger{display:none}.header__burger-container{padding-top:14px;padding-bottom:14px;background-color:#4a4a4a}.header__burger-button{padding:0;width:20px;background-color:transparent;border:none;outline:0;cursor:pointer}.header__logo-link{grid-column:1/span 3}.header__logo-link img{width:190px}.nav{grid-column:4/span 7}.nav__list{margin-top:0;margin-bottom:0;display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:1fr;justify-items:center;justify-content:space-between;padding-left:0;list-style-type:none}.nav__link{font-family:Neue;font-size:16px;color:#fff;transition-property:color,background-color;transition-duration:.25s;transition-timing-function:ease-in-out}.nav__link:hover{color:#ff6e30;background-color:transparent}.nav__link:focus{color:#fff;background-color:#bc572b}.nav__link:active{color:#ce4307;background-color:transparent}.nav__search{grid-column:12/13;justify-self:end;background-color:transparent;border:none;padding:0;cursor:pointer}.nav__search svg path{transition:fill .25s ease-in-out}.nav__search:hover svg path{fill:#ff6e30}.nav__search:focus svg path{fill:#bc572b}.nav__search:active svg path{fill:#ce4307}.nav__search-input{width:calc(100% - 25px);border:none;color:#fff;outline:0;background-color:#202020;border-bottom:1px solid #fff;transition:border-color .25s ease-in-out}.nav__search-input:hover{border-color:#bc572b}.nav__search-input:focus{border-color:#ff6e30}.nav__search-input:active{border-color:#ce4307}.nav__search-input::-moz-placeholder{font-family:Neue;font-size:14px;color:#fff}.nav__search-input:-ms-input-placeholder{font-family:Neue;font-size:14px;color:#fff}.nav__search-input::placeholder{font-family:Neue;font-size:14px;color:#fff}.nav__search-close{padding:0;background-color:transparent;border:none;outline:0;cursor:pointer}.nav__search-close svg circle{transition:fill .25s ease-in-out}.nav__search-close:hover svg circle{fill:#ff6e30}.nav__search-close:focus svg circle{fill:#bc572b}.nav__search-close:active svg circle{fill:#ce4307}.nav__search-field{top:21px;display:none;position:absolute;grid-column:-4/span 3;width:100%;background-color:#202020;outline:#202020 solid 5px}.burger{display:none;height:calc(100vh - 70px);padding-top:14px;padding-left:18px;padding-bottom:36px}.burger__content{display:flex;flex-direction:column;height:100%}.burger__button{margin-bottom:16px;padding-left:0;padding-right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:transparent;border:none;outline:0;cursor:pointer}.burger__button svg circle{transition:fill .25s ease-in-out}.burger__button:hover svg circle{fill:#ff6e30}.burger__button:focus svg circle{fill:#bc572b}.burger__button:active svg circle{fill:#ce4307}.burger__list{margin-top:0;margin-bottom:0;padding-left:0;list-style-type:none}.burger__item:not(:last-child){margin-bottom:18px}.burger__link{font-family:Neue;color:#fff;transition-property:color,background-color;transition-duration:.25s;transition-timing-function:ease-in-out}.burger__link:hover{color:#ff6e30;background-color:transparent}.burger__link:focus{color:#fff;background-color:#bc572b}.burger__link:active{color:#ce4307;background-color:transparent}.burger__phone{margin-top:auto;padding-left:23px;color:#ff6e30;background-repeat:no-repeat;background-image:url(../img/phone.svg);background-position:left;background-size:20px}.gallery{margin-bottom:71px}.gallery__container{grid-template-rows:341px 257px}.gallery__photo:nth-child(2){grid-column:7/span 6;overflow:hidden}.gallery__photo-title{margin-top:0;margin-bottom:11px;font-family:Neue;font-weight:700;font-size:24px}.gallery__photo-img{height:300px;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(../img/photo-2.jpg)}.gallery__photo:nth-child(3){grid-column:7/span 3;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(../img/photo-3.jpg)}.gallery__photo:nth-child(4){grid-column:10/span 3;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(../img/photo-4.jpg)}.gallery__event{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;grid-column:1/span 6;grid-row:1/3;display:flex;align-items:flex-end;padding:60px;background-image:url(../img/photo-1.jpg)}.gallery__event-hashtag{position:absolute;top:15px;right:15px;padding:7px 15px;background-color:#202020;color:#fff;font-size:14px}.gallery__event-sm-title{margin-top:0;margin-bottom:3px;letter-spacing:-.2px;color:#fff}.gallery__event-title{margin-top:0;margin-bottom:0}.gallery__event-date,.gallery__event-name{font-family:Neue;font-weight:700;font-size:36px;line-height:36px;color:#fff}.gallery__event-date{margin-bottom:20px}.gallery__event-button{display:inline-block;padding:13px 22px;background-color:#ff6e30;color:#fff;border:2px solid #ff6e30;font-family:Roboto;font-weight:700;font-size:16px;transition-property:background-color,border-color;transition-duration:.25s;transition-timing-function:ease-in-out}.gallery__event-button:hover{background-color:#bc572b;border-color:#bc572b}.gallery__event-button:focus{background-color:#ff6e30;border-color:#ce4307}.gallery__event-button:active{background-color:#ce4307;border-color:#ce4307}.about{padding-top:30px;padding-bottom:68px;margin-bottom:68px;background-color:#202020}.about__container{grid-template-rows:1fr;gap:30px}.about__title{margin-top:0;font-family:Neue;font-weight:700;font-size:24px;margin-bottom:5px;color:#fff}.about__text{margin-top:0;margin-bottom:0;color:#cacaca;line-height:28px;font-weight:400}.about__description{grid-column:1/span 6}.about__subscription{grid-column:7/span 6}.about__subscription-photo{background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(../img/camera.jpg);max-width:630px;height:255px;margin-top:32px;margin-bottom:24px}.about__subscription-title{margin-top:0;margin-bottom:16px;font-family:Neue;font-weight:400;font-size:24px;line-height:22px;color:#fff}.about__subscription-block{position:relative}.about__subscription-form{display:grid;grid-template-columns:1fr 126px;justify-items:stretch}.about__subscription-error{display:none}.about__subscription-input{max-width:474px;padding:15px 23px;margin-right:30px;font-size:15px;background-color:#4a4a4a;color:#fff;border:1px solid transparent;outline:0;transition:border-color .25s ease-in-out}.about__subscription-input:hover::-moz-placeholder{color:#ff6e30}.about__subscription-input:hover:-ms-input-placeholder{color:#ff6e30}.about__subscription-input:hover::placeholder{color:#ff6e30}.about__subscription-input:focus-visible{border-color:#ff6e30}.about__subscription-input:focus::-moz-placeholder{color:#fff}.about__subscription-input:focus:-ms-input-placeholder{color:#fff}.about__subscription-input:focus::placeholder{color:#fff}.about__subscription-input:active{border-color:transparent}.about__subscription-input::-moz-placeholder{font-size:16px;color:#fff;-moz-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.about__subscription-input:-ms-input-placeholder{font-size:16px;color:#fff;-ms-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.about__subscription-input::placeholder{font-size:16px;color:#fff;transition:color .25s ease-in-out}.about__subscription-button{display:inline-block;padding:15px 22px;background-color:#ff6e30;color:#fff;border:2px solid #ff6e30;font-family:Roboto;font-weight:700;font-size:16px;transition-property:background-color,border-color;transition-duration:.25s;transition-timing-function:ease-in-out;cursor:pointer;width:126px}.about__subscription-button:hover{background-color:#bc572b;border-color:#bc572b}.about__subscription-button:focus{background-color:#ff6e30;border-color:#ce4307}.about__subscription-button:active{background-color:#ce4307;border-color:#ce4307}.error{position:absolute;bottom:36px;left:25px;font-size:9px;color:#f06666}.projects{margin-bottom:48px}.projects__container{gap:0!important}.projects__title{margin-top:0;font-family:Neue;font-weight:700;font-size:24px;grid-column:1/span 12;margin-bottom:12px}.projects__list{grid-template-rows:repeat(2,1fr);padding-left:0!important;padding-right:0!important;list-style-type:none}.projects__gallery{grid-column:1/span 12}.projects__item{display:flex;flex-direction:column;position:relative;height:300px}.projects__item-hashtag{position:absolute;padding:6px 14px;background-color:#202020;color:#fff;font-size:14px;top:7px;right:7px}.projects__item-img{flex-shrink:0;height:184px;margin-bottom:18px;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(../img/project-1.jpg)}.projects__item-descr{height:100%;display:flex;flex-direction:column;justify-content:space-between}.projects__item-text{height:60px;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;line-height:1.3;background-color:transparent;transition-property:color,background-color;transition-duration:.25s;transition-timing-function:ease-in-out}.projects__item-text-link:hover{color:#ff6e30;background-color:transparent}.projects__item-text-link:focus{color:#202020;background-color:#ffd4c1}.projects__item-text-link:active{color:#ce4307;background-color:transparent}.projects__item-text-big{max-width:300px;line-height:22px;color:#fff}.projects__item-date{padding-left:18px;color:#999;font-size:12px;background-image:url(../img/calendar.svg);background-size:14px;background-repeat:no-repeat;background-position:left}.projects__item-title{margin-bottom:5px;max-width:290px;line-height:1;font-size:24px;font-family:Neue;font-weight:700;color:#fff}.projects__item-btn{display:inline-block;padding:12px 19px;color:#fff;border:4px solid #ff6e30;font-family:Roboto;font-weight:700;font-size:16px;transition-property:background-color,border-color;transition-duration:.25s;transition-timing-function:ease-in-out;background-color:transparent}.projects__item-btn:hover{background-color:#ff6e30;border-color:#ff6e30}.projects__item-btn:focus{background-color:#bc572b;border-color:#ff6e30}.projects__item-btn:active{background-color:#ce4307;border-color:#ce4307}.projects__item:nth-child(1){order:1;grid-column:1/span 2}.projects__item:nth-child(2){order:2;grid-column:3/span 2}.projects__item:nth-child(2) .projects__item-img{background-image:url(../img/project-2.jpg)}.projects__item:nth-child(3){order:3;grid-column:5/span 2}.projects__item:nth-child(3) .projects__item-img{background-image:url(../img/project-3.jpg)}.projects__item:nth-child(4){order:6;grid-column:7/span 3}.projects__item:nth-child(4) .projects__item-img{background-image:url(../img/project-6.jpg)}.projects__item:nth-child(5){order:7;grid-column:10/span 3}.projects__item:nth-child(5) .projects__item-img{background-image:url(../img/project-7.jpg)}.projects__item:nth-child(6){order:4;grid-column:7/span 6;display:flex;justify-content:space-between;align-items:flex-start;padding:30px;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(../img/project-4.jpg)}.projects__item:nth-child(7){order:5;grid-column:1/span 6;display:flex;justify-content:space-between;align-items:flex-start;padding:30px;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url(../img/project-5.jpg)}.contacts{margin-bottom:69px}.contacts__side{display:none;position:absolute;top:0;left:0;width:410px;height:100%;padding:172px 60px 150px 63px;background-color:rgba(32,32,32,.85)}.contacts__side-button-close{position:absolute;top:20px;right:20px;padding-left:0;padding-right:0;width:auto;border:none;outline:0;background-color:transparent;cursor:pointer}.contacts__side-button-close svg circle{transition:fill .25s ease-in-out}.contacts__side-button-close svg circle:hover{fill:#ff6e30}.contacts__side-button-close svg circle:focus{fill:#bc572b}.contacts__side-button-close svg circle:active{fill:#ce4307}.contacts__side-content{color:#fff}.contacts__side-title{margin-top:0;margin-bottom:2px;font-weight:400}.contacts__side-text{margin-bottom:2px;line-height:28px}.contacts__side-phone{padding-left:23px;color:#ff6e30;background-repeat:no-repeat;background-image:url(../img/phone.svg);background-size:22px;background-position:left;transition:color .25s ease-in-out}.contacts__side-phone:hover{color:#bc572b}.contacts__side-phone:active,.contacts__side-phone:focus{color:#ce4307}.contacts__container{gap:0!important}.contacts__title{font-family:Neue;font-weight:700;font-size:24px;grid-column:1/span 12;margin-bottom:20px}.contacts__content{position:relative;grid-column:1/span 12;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:460px;gap:30px}.contacts__info{display:flex;flex-direction:column}.contacts__info-title{margin-top:0;margin-bottom:5px;font-family:Neue;font-size:24px;font-weight:400}.contacts__info-text{margin-top:0;margin-bottom:14px;color:#999}.contacts__form{display:grid;grid-template-columns:1fr;grid-template-rows:50px 50px 1fr 50px;gap:20px;height:100%}.contacts__form-email,.contacts__form-name{position:relative}.contacts__form-email-error,.contacts__form-name-error{display:none;left:23px;bottom:34px}.contacts__form-input{width:100%;height:100%;padding:15px 23px;border:1px solid transparent;background-color:#e9e9e9;resize:none;transition:border-color .25s ease-in-out;outline:0}.contacts__form-input:hover{border-color:transparent}.contacts__form-input:hover::-moz-placeholder{color:#ff6e30}.contacts__form-input:hover:-ms-input-placeholder{color:#ff6e30}.contacts__form-input:hover::placeholder{color:#ff6e30}.contacts__form-input:focus,.contacts__form-input:focus-visible{border-color:#ff6e30}.contacts__form-input:focus::-moz-placeholder{color:#999}.contacts__form-input:focus:-ms-input-placeholder{color:#999}.contacts__form-input:focus::placeholder{color:#999}.contacts__form-input:active{border-color:transparent}.contacts__form-input::-moz-placeholder{font-family:Roboto;color:#999;-moz-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.contacts__form-input:-ms-input-placeholder{font-family:Roboto;color:#999;-ms-transition:color .25s ease-in-out;transition:color .25s ease-in-out}.contacts__form-input::placeholder{font-family:Roboto;color:#999;transition:color .25s ease-in-out}.contacts__form-btn{display:inline-block;padding:15px 22px;background-color:#ff6e30;color:#fff;border:2px solid #ff6e30;font-family:Roboto;font-weight:700;font-size:16px;transition-property:background-color,border-color;transition-duration:.25s;transition-timing-function:ease-in-out;cursor:pointer;width:126px}.contacts__form-btn:hover{background-color:#bc572b;border-color:#bc572b}.contacts__form-btn:focus{background-color:#ff6e30;border-color:#ce4307}.contacts__form-btn:active{background-color:#ce4307;border-color:#ce4307}#contacts__map{width:100%;height:100%}.footer{padding-top:25px;padding-bottom:25px;background-color:#202020}.footer__container{display:flex;justify-content:space-between;color:#fff}.footer__logo{grid-column:1/span 4}.footer__logo img{margin-bottom:3px}.footer__logo-text{font-family:Neue;font-size:14px;letter-spacing:.4px}.footer__text{grid-column:5/span 5;font-weight:400;line-height:22px}.footer__snetworks{grid-column:11/span 2;display:flex;flex-direction:column;align-items:center}.footer__snetworks-text{margin-bottom:8px}.footer__snetworks-icons a{margin-left:10px;margin-right:10px}.footer__snetworks-icons a path{transition:fill .25s ease-in-out}.footer__snetworks-icons a:hover path{fill:#ff6e30}.footer__snetworks-icons a:focus path{fill:#bc572b}.footer__snetworks-icons a:active path{fill:#ce4307}@media (min-width:1024px){.container{display:grid;grid-template-columns:repeat(12,1fr);gap:30px;max-width:1350px;margin:0 auto;padding-left:30px;padding-right:30px}}@media (max-width:1024px){.container{display:grid;grid-template-columns:repeat(8,1fr);gap:30px;max-width:1024px;margin:0 auto;padding-left:30px;padding-right:30px}}@media (max-width:768px){.container{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;max-width:822px;padding-left:27px;padding-right:27px}}@media (max-width:320px){.container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:362px;padding-left:21px;padding-right:21px}}@media (max-width:1024px){.header{margin-bottom:34px}.header__logo-link{grid-column:1/span 2}.header__logo-link img{width:167px}.nav{grid-column:3/span 5}.nav__search{grid-column:8/9}.gallery{margin-bottom:68px}.gallery__container{grid-template-rows:408px 186px}.gallery__event{padding:30px;background-image:url(../img/photo-1-1024.jpg)}.gallery__event-date,.gallery__event-name{font-size:34px;line-height:34px}.gallery__event-date{margin-bottom:22px}.gallery__event-sm-title{margin-bottom:8px}.gallery__event-button{padding:14px 19px}.gallery__photo-title{margin-bottom:26px;line-height:1}.gallery__photo-img{height:100%;background-image:url(../img/photo-2-1024.jpg)}.gallery__photo:nth-child(1){grid-column:1/span 4}.gallery__photo:nth-child(2){grid-column:5/span 4}.gallery__photo:nth-child(3){grid-column:5/span 2;background-image:url(../img/photo-3-1024.jpg)}.gallery__photo:nth-child(4){grid-column:7/span 2;background-image:url(../img/photo-4-1024.jpg)}.about{margin-bottom:68px;padding-bottom:80px}.about__description{grid-column:1/span 4}.about__subscription{grid-column:5/span 4}.about__subscription-photo{height:332px;margin-top:33px;background-image:url(../img/camera-1024.jpg)}.about__subscription-form{gap:20px;grid-template-columns:auto}.about__subscription-input{margin-right:0;max-width:342px;height:50px}.about__subscription-button{padding:10px 20px;width:126px;height:50px}.projects{margin-bottom:63px}.projects__gallery,.projects__title{grid-column:1/span 8}.projects__list{grid-template-rows:285px 307px 307px;gap:26px 30px}.projects__item{height:100%}.projects__item-text{height:40px;overflow:hidden;text-overflow:ellipsis}.projects__item-date{margin-bottom:5px}.projects__item:nth-child(1){grid-column:1/span 2}.projects__item:nth-child(2){grid-column:3/5}.projects__item:nth-child(3){grid-column:5/9}.projects__item:nth-child(6){order:4;grid-column:1/6;padding:35px 30px}.projects__item:nth-child(4){order:5;grid-column:6/9}.projects__item:nth-child(5){order:5;grid-column:1/4}.projects__item:nth-child(7){order:7;grid-column:4/9}.contacts__title{margin-top:0;margin-bottom:22px;grid-column:1/span 8}.contacts__container{gap:0}.contacts__content{grid-column:1/span 8;grid-template-columns:repeat(8,1fr)}.contacts__location{grid-column:1/span 5}.contacts__location-container{grid-column:1/span 5;position:relative}.contacts__info{grid-column:6/span 3}.contacts__info-title{margin-top:-13px}.contacts__side{top:auto;left:0;bottom:0;height:157px;padding-top:25px;padding-bottom:21px;padding-left:30px;width:100%}.contacts__side-content{max-width:310px}.contacts__side-text{display:inline;margin-bottom:0;margin-right:5px}.contacts__side-phone{display:inline}.footer__logo{margin-top:3px}.footer__logo img{width:168px}}@media (max-width:940px){.nav__link{font-size:14px}}@media (max-width:768px){.header{margin-bottom:34px}.header__container{grid-template-rows:80px 45px;gap:0;height:auto}.header__logo-link{order:1}.nav{order:3;grid-column:1/span 6;height:100%;background-color:#4a4a4a;margin-left:-27px;padding-left:27px;padding-right:27px;width:100vw}.nav__list{height:100%;align-items:center;justify-content:space-between}.nav__link{font-size:16px}.nav__search{order:2;grid-column:6/7;padding-right:27px}.nav__search-field{top:20px;grid-column:4/span 3;width:calc(100% - 30px)}.gallery__container{grid-template-columns:repeat(12,1fr);grid-template-rows:290px 133px}.gallery__photo:nth-child(1){grid-column:1/7}.gallery__photo:nth-child(2){grid-column:7/13}.gallery__photo-img:nth-child(2){background-image:url(../img/photo-2-768.jpg)}.gallery__photo:nth-child(3){background-image:url(../img/photo-3-768.jpg);grid-column:7/10}.gallery__photo:nth-child(4){background-image:url(../img/photo-4-768.jpg);grid-column:10/13}.gallery__photo-title{font-size:21px;line-height:22px;font-weight:700}.gallery__event{background-image:url(../img/photo-1-768.jpg)}.about__description{grid-column:1/span 3}.about__subscription{grid-column:4/span 3}.about__subscription-photo{height:569px;background-image:url(../img/camera-768.jpg)}.projects__gallery,.projects__title{grid-column:1/span 6}.projects__list{grid-template-rows:300px 300px 307px 300px}.projects__item:nth-child(1){order:1;grid-column:1/span 2}.projects__item:nth-child(2){order:2;grid-column:3/5}.projects__item:nth-child(3){order:3;grid-column:5/7}.projects__item:nth-child(6){order:4;grid-column:1/span 6}.projects__item:nth-child(4){order:5;grid-column:1/span 3}.projects__item:nth-child(5){order:6;grid-column:4/span 3}.projects__item:nth-child(7){order:7;grid-column:1/span 6}#contacts__map{height:460px}.contacts__title{grid-column:1/span 6}.contacts__content{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(6,1fr);grid-column:1/span 6}.contacts__location,.contacts__location-container{grid-column:1/span 6}.contacts__info{grid-column:1/span 4}.contacts__side-content{max-width:410px}.contacts__side-text{display:inline-block;margin-bottom:3px;margin-right:0}.contacts__side-phone{display:inline-block}.footer__text{display:none}}@media (max-width:530px){.nav__link{font-size:12px}.contacts__side{height:290px}}@media (max-width:320px){.header{margin-bottom:30px}.header__container{grid-template-rows:auto;height:70px}.header__burger{display:block}.header__burger-container{height:45px}.header__logo-link img{width:111px}.nav{display:none}.nav__search{padding-right:0}.nav__search img{width:20px}.nav__search-field{grid-column:1/3;width:calc(100vw - 60px)}.gallery{margin-bottom:46px}.gallery__container{grid-template-columns:repeat(2,1fr);grid-template-rows:422px 240px 105px;gap:35px}.gallery__photo:nth-child(1){grid-column:1/span 2;grid-row:1/2}.gallery__photo:nth-child(2){grid-column:1/span 2;height:240px}.gallery__photo:nth-child(3){grid-column:1/2;height:105px}.gallery__photo:nth-child(4){grid-column:2/3;height:105px}.gallery__photo-title{margin-bottom:16px;font-size:18px;line-height:18px}.gallery__photo-img{background-image:url(../img/photo-2-320.jpg)}.gallery__event{padding:28px;height:422px;background-image:url(../img/photo-1-320.jpg)}.gallery__event-hashtag{top:5px;right:5px;padding:5px 7px;font-size:12px}.gallery__event-date,.gallery__event-name{font-size:24px;line-height:26px}.gallery__event-date{margin-bottom:17px}.gallery__event-sm-title{margin-bottom:10px;font-size:14px;line-height:16px;font-weight:400}.gallery__event-button{padding:10px 20px;font-size:14px}.about{padding-bottom:60px;margin-bottom:50px}.about__container{gap:18px}.about__title{font-size:18px}.about__text{font-size:14px;line-height:25px}.about__description,.about__subscription{grid-column:1/3}.about__subscription-title{font-size:18px}.about__subscription-photo{margin-top:0;margin-bottom:26px;height:278px;background-image:url(../img/camera-320.jpg)}.about__subscription-input{height:40px;font-size:14px}.about__subscription-button{width:115px;height:40px;font-size:14px}.projects{margin-bottom:50px}.projects__title{grid-column:1/3;margin-bottom:17px;font-size:18px}.projects__gallery{grid-column:1/3}.projects__list{grid-template-rows:repeat(3,270px) 422px repeat(2,292px) 422px;gap:32px}.projects__item-hashtag{top:5px;right:5px;padding:4px 14px;font-size:12px}.projects__item-title{margin-bottom:12px}.projects__item-date{margin-bottom:10px}.projects__item-btn{padding:9px 16px;font-size:14px;border:3px solid #ff6e30}.projects__item:nth-child(1),.projects__item:nth-child(2),.projects__item:nth-child(3),.projects__item:nth-child(4),.projects__item:nth-child(5),.projects__item:nth-child(6),.projects__item:nth-child(7){grid-column:1/3}.projects__item:nth-child(6){order:4;justify-content:flex-end;padding:30px}.projects__item:nth-child(4){order:5}.projects__item:nth-child(4) .projects__item-text{height:68px}.projects__item:nth-child(5){order:5}.projects__item:nth-child(5) .projects__item-text{height:68px}.projects__item:nth-child(7){order:7;justify-content:flex-end}.projects__item:nth-child(7) .projects__item-date{margin-bottom:5px}.projects__item:nth-child(7) .projects__item-text-big{height:85px;line-height:19px}.projects__item-text{height:45px;font-size:16px;line-height:21px}.projects__item-text-big{height:57px;line-height:16px;font-size:14px}#contacts__map{height:472px;width:100vw;margin-left:-21px}.contacts{margin-bottom:50px}.contacts__title{margin-bottom:15px;grid-column:1/3;font-size:18px}.contacts__content{grid-column:1/3;grid-template-columns:1fr;grid-template-rows:none;gap:0}.contacts__location{grid-column:1/3}.contacts__location-container{margin-bottom:34px}.contacts__side{height:157px;width:100vw;margin-left:-21px;padding:26px 21px 14px}.contacts__side-title{margin-bottom:10px;font-size:18px}.contacts__side-text{margin-bottom:11px;font-size:14px;line-height:18px}.contacts__side-phone{font-size:14px;background-size:20px}.contacts__info-title{margin-bottom:7px;font-size:18px}.contacts__info-text{margin-bottom:16px;font-size:14px;line-height:18px}.contacts__form{grid-template-rows:40px 40px 150px 40px}.contacts__form-input{padding:12px 23px}.contacts__form-btn{padding:12px 22px;font-size:14px;line-height:16px}.footer{padding-top:0;padding-bottom:0}.footer__container{padding-left:0;padding-right:0;max-width:100%}.footer__logo{grid-column:1/3;display:flex;flex-direction:column;align-items:center;padding-top:14px;padding-bottom:14px;background-color:#4a4a4a}.footer__logo img{height:18px;margin-bottom:3px}.footer__logo-text{font-size:10px;line-height:12px}.footer__text{display:none}.footer__snetworks{grid-column:1/3;order:-1;padding-top:30px}}