*{
    outline:none;
    max-width:100%;
    box-sizing:border-box;
    font-family: sans-serif;
}

html,body{
    height:100%;
}

a{
    text-decoration:none;
    color:#1f90da;
}

.menu{
    background:#ebebeb;
    width:100%;
    padding:10px;
}

.menu .sm{
    display:none;
}



body{
    margin:0;
    background:#ffffff;
    text-align:center;
    display:flex;
    flex-direction:column;
}

main{
    flex:1;
    text-align:center;
}

header{
    text-align:center;
    background:#ffffff;
    box-shadow:1px 2px 7px #e3e3e3;
    border-bottom:1px solid #ececec;
}

header .logo span{
    font-size:25px;
    font-weight:bold;
    color:#000000;
}


.holder{
    width:1300px;
    display:inline-block;
    padding:10px;
    text-align:left;
}

header .holder{
    display:inline-flex;
    align-items:center;
}

header .holder .logo{
    text-align:left;
}

header .holder .links{
    text-align:right;
    flex:1;
}


footer{
    background:#1696b4;
    color:white;
    font-size:14px;
}

footer a{
    color:white;
}

.title{
    font-size:20px;
    font-weight:bold;
    margin-bottom:15px;
}

.text{
    margin-bottom:20px;
}

.col{
    margin:20px 0;
}

textarea{
    width:400px;
    resize:none;
    height:160px;
    margin:10px 0;
    background:#f4f4f4;
    padding:6px;
    border:1Px solid #c7c7c7;
}



main .holder{
    text-align:center;
}

button{
    background:#ff437d;
    border:none;
    padding:5px 10px;
    border-radius:4px;
    color:white;
}

.counter{
    font-weight:bold;
    color:#7777ad;
}

article{
    border-top:1px solid #e2e2e2;
    display:block;
    margin-top:20px;
    text-align:left;
}