body
{
    font-family: 'Manrope', sans-serif;
}

ul.head
{
    margin-top:10px;
}

h1
{
    float:left;
    width:100%;
    font-size:18px;
    text-align:center;
    font-family: 'Rubik Mono One', sans-serif;
    text-align:center;
    color:#ff63bd;
}

ul.head li.phone
{
    padding:15px 0px;
    text-align:center;
    font-size:32px;
    color:#666;
    font-weight:bold;
/*                         border-top:1px solid #8800ad; */
}


ul.head li.logo
{
    text-align:center;
}

ul.head li.logo img
{
    width:300px;
}

ul.head li.search
{
    padding-top:5px;
}

ul.head li.search input
{
    float:left;
    width:79%;
    padding:5px 5%;
    margin:5px 5%;
    font-size:20px;
    color:#bd0fe0;
    box-sizing: content-box;
}

ul.head li.search a.search
{
    float:left;
    width:80%;
    padding:10px 5%;
    margin:5px 5%;
    font-size:20px;
    background-color:#EB89FF;
    color:#222;
    text-decoration:none;
    font-weight:bold;
    text-align:center;
}

ul.search li.popup
{
    width:400px;
    position:absolute;
    margin-top:45px;
    background-color:white;
}

ul.head li.controls
{
    margin-top:20px;
    margin-bottom:10px;
}

ul.head li.controls i
{
    font-size:48px;
    color:#FF89C8
}

@media screen and (min-width:960px)
{
    ul.head
    {
        margin-bottom:50px;
    }
    
    ul.head li.logo
    {
        width:20%;
        margin:0px 5%;
        text-align:center;
    }
    
    ul.head li.logo img
    {
        float:none;
        height:70px;
        width:auto;
    }
    
    ul.logo li.slogan
    {
        position:absolute;
        width:100%;
        background-color:#ff63bd;
        margin-top:80px;
        margin-left:-5%;
    }
    
    ul.logo li.slogan h1
    {
        color:white;
    }
    
    ul.logo li.slogan br
    {
        display:none;
    }
    
    h1
    {
        font-size:12px;
    }
    
    ul.head li.contacts
    {
        width:40%;
        padding-top:10px;
    }
    
    ul.head li.phone
    {
        padding:0px 0px;
        text-align:center;
        font-size:18px;
    }
    
    ul.head li.controls
    {
        width:20%;
        margin:20px 5% 0px 5%;
    }
    
    ul.search li.control input
    {
        float:left;
        margin-left:0px;
        margin-right:0px;
        width:58%;
        border-color:#EB89FF;
    }
    
    ul.search li.control a.search
    {
        float:left;
        width:18%;
        padding:5px 2%;
        margin-left:0px;
        margin-right:0px;
    }
    
    ul.head li.controls i
    {
        font-size:32px;
        color:#FF89C8
    }
}