.sass_try{width:100vw;height:100vh;background-color:#4f3}.border{border:1px solid gray}body{color:#333;font-family:tahoma, sans-serif, serif}.header_container{width:60%;margin:50px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:50px;-ms-flex-wrap:wrap;flex-wrap:wrap}.header_title{width:auto}.header_title p{color:#333;-webkit-transition:all .5s ease;transition:all .5s ease}.header_title span{font-size:20px;display:block;margin-bottom:10px}.phone{text-align:right;font-size:20px;margin-bottom:10px}.mail a{color:#333}.my_works{margin:0 auto;width:100px;text-align:center;color:#666;margin:20px auto 20px}.text{max-width:100%;width:55%;margin:0 auto}.text p{text-indent:0px}.cards_container{width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0px auto}.card{background-size:cover;background-position:center center;background-repeat:no-repeat;text-align:center;margin-top:20px;padding:10px;margin-bottom:20px;border-radius:10px}.card p{padding-top:5px;padding-bottom:5px}.card a{color:#333}.card_shadow a{color:#fff}.card_img{width:320px;height:320px;border-radius:10px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat}.card_shadow{width:100%;height:100%;background-color:rgba(0,0,0,0.5);opacity:0;border-radius:10px;-webkit-transition:0.5s cubic-bezier(0.46, 1, 0.47, 0.88);transition:0.5s cubic-bezier(0.46, 1, 0.47, 0.88);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;will-change:opacity}.card_img:hover .card_shadow{opacity:1}.markovitz{background-image:url("../img/markovitz/markovitz.jpg")}.elegantic{background-image:url("../img/elegantic/elegantic.jpg")}.greenhouse{background-image:url("../img/greenhouse/greenhouse.jpg")}.theory{background-image:url("../img/theory/theory.jpg")}.mixer{background-image:url("../img/mixer/mixer.jpg")}.trail{background-image:url("../img/trail/trail.jpg")}.mohna{background-image:url("../img/mohna/mohna.jpg")}.algol{background-image:url("../img/algol/algol.jpg")}.active_box{background-image:url("../img/active_box/active_box.jpg")}.dmitry{background-image:url("../img/dmitry/dmitry.jpg")}.jar_cover{background-image:url("../img/jar_cover/jar_cover.jpg")}.ezavr{background-image:url("../img/ezavr/ezavr.jpg")}.sushchikh{background-image:url("../img/sushchikh/sushchikh.jpg")}.belochka{background-image:url("../img/belochka/belochka.jpg")}.oop{background-image:url("../img/landing_oop/landing_oop.jpg")}.footer_container{width:70%;height:60px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer_title,.footer_phone,.footer_mail,.go_top{padding:10px}.footer_mail a{color:#333}@media screen and (max-width: 683px){.footer_mail{margin-bottom:20px}}@media screen and (max-width: 545px){.header_container{text-align:center}.phone{text-align:center}.header_title p{display:none}.header_container{margin-top:20px}.footer_mail{margin-bottom:20px}}@media screen and (max-width: 350px){.card_img{width:200px;height:200px}}