@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

html {
    position: relative;
}

body {
    width: 100%;
    min-width: 320px;
    font-family: 'Open Sans', sans-serif; font-size:16px; -webkit-text-size-adjust: none;
}

.link a {
    transition: all 0.3s;
}

.main {max-width:600px; margin:20px auto 100px auto;  padding: 0 10px; font-family: 'Open Sans', sans-serif; text-align:center;}
.logo {margin-bottom:20px; margin-left:-4px}
.logo span {font-size:30px; font-weight:800;}
.logo img {width:60px; position:relative; top:10px;}
.black {color:#fff; background:#07010b; border-radius:20px; padding:20px 30px 40px 30px; margin-bottom:30px;}
.black .count {margin-bottom:10px; margin-left:12px; background:#07010b; padding-bottom:10px; overflow:hidden;}
.black .count span {font-size:24px; }
.black .count .num {font-size:50px; font-weight:700; margin:0 10px; position:relative; top:10px;}
.black img {margin-bottom:10px; width:180px;}
.black p {font-size:20px;}
.black p br {display:none;}
.black p strong {display:block;}
.link {margin-bottom:30px; font-size:20px;}
.link p {margin-bottom:20px;}
.link a {background:#f59d13; text-decoration:none; padding:12px 30px 14px 30px; display:inline-block; border-radius:10px; color:#000;
        font-weight:600;}
.link a:hover {background:#ff9800bf;}

.servise {font-size:24px; background:url(../img/like.png) no-repeat bottom center; padding-bottom:60px; background-size:50px;}
.servise a {color:#0072ff;}
.servise a:hover {text-decoration:none;}

@media (max-width: 720px) {

.main {margin:10px auto 20px auto; }
.logo {margin-bottom:14px; }
.logo span {font-size:24px; }
.logo img {width:50px;}
.black {padding:0px 30px 30px 30px; margin-bottom:20px;}
.black .count {margin-bottom:10px; }
.black img {width:120px;}
.black p {font-size:18px; }
.black p strong {display:block; margin-top:4px}
.black p br {display:inline-block;}
.link {margin-bottom:20px; font-size:18px;}
.link p {margin-bottom:14px;}
.link a {background:#f59d13; }
.servise {font-size:18px; }
    
}