:root{
    --color-gray-line:rgb(230,230,230);
	--color-gray:rgb(47,56,67);
    --color-footer-dark:rgb(47,56,67);
}

/*ГЛАВНОЕ*/
body{
	margin: 0;
    position:relative;
    max-width:100%;
    font-family:Lato,sans-serif;
}
header{
    display:flex;
    align-items:center;
    flex-direction:column;
}
header .bot{
    border:solid 1px var(--color-gray-line);
    border-right:none;
    border-left:none;
    display:flex;
    justify-content:center;
    width:100%;
}
header .top{
    background-color:var(--color-gray);
    width:100%;
    display:flex;
    justify-content:center;
    color:var(--color-text-on-gray);
    height:50px;
}
header .top .container{
    justify-content:end;
	margin-right:20px;
}



/*ВЫДЕЛЕНИЯ ЦВЕТОВ*/
header .top .container a{
	color: #ffffff;
	text-decoration: none;
}
header .top .container a:hover{
	color: #ff4545;
}



header .top .container div{
    padding:0 64px;
    font-size:15px;
}
header .container{
    width:1200px;
    display:flex;
}
header .container>*{
    display:flex;
    align-items:center;
    margin-left:10px;
}
header .mid .container{
    align-items:center;
    height:86px;
    justify-content:space-between;
}

.fixed.bottom,footer .bot{
    display:flex;
    justify-content:center;
}
.fixed.bottom .container,
footer .container{
    width:1200px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/*FOOTER СНИЗУ*/
footer .bot{
    border-top:solid 3px rgb(36,45,56);
    height:130px;
	color:#fff;
	background-color:var(--color-footer-dark);
}

/*ПОДГОНКА МОБИЛЬНОЙ ВЕРСИИ*/
@media screen and (max-width: 1200px){
    header .container, #content, .fixed.bottom .container, footer .container{
        width:1024px;
    }
}
@media screen and (max-width: 1024px) and (min-width: 900px){
    header .container, #content, .fixed.bottom .container, footer .container{
        width:95vw;
    }
    header>.bot>div{
        width:70vw;
    }
}
@media screen and (max-width: 900px){
    header{
        position:relative;
    }
    header .container, #content, .fixed.bottom .container, footer .container{
        width:95vw;
    }
    header>.top>.container{
        width:100vw;
    }
    header>.mid>.container{
        flex-wrap:nowrap;
    }

    header>.mid>.container>img:nth-child(2){
        display:none;
    }
}