/* сброс стилей */

input,
button {
  font: inherit;
  border-radius: none;
  box-shadow: none;
  appearance: none;
}

button {
  cursor: pointer;
}

.sm {
  font-size:55px;
  font-weight:bold;
  font-family:comic sans ms,comic-sans-w01-regular,comic-sans-w02-regular,comic-sans-w10-regular,Ubuntu Neue,Ubuntu;
  margin-right: 50px;
}

.sm_1 {
  color:#4285F4;
}

.sm_2 {
  color:#EA4335;
}

.sm_3 {
  color:#34A853;
}

.sm_4 {
  color:#FBBC05;
}

/* контейнер навигации */

.nav {
  display: inline-block;
  margin: 5px 0;
  width: 100%;
}

.logo {

  display: inline-block;
  margin-top: 20px;
}

.logo a:hover {
  text-decoration: none;
}

.spec {
  font-size: 30px;
  color: #555;
}

.menu {
  display: inline-block;
}

/* пункты меню */

.nav_items {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.nav_item {
  margin-right: 4px;
  margin-left: 28px;
  display: inline-block;
}

.nav_item a:hover {
  text-decoration: none;
  color:#AB0535;
}

.thk {
  margin-top: 37px;
  margin-right: 10px;
}

.gorod {
  position: fixed;
}


@media screen and (max-width: 991px) {

.gorod {
  position: absolute;
  margin-top: 5px;;
}

}


@media screen and (min-width: 992px) {

.gorod {
/*  top: 71px;*/
/*  right: 30px;*/
  bottom: 100px;
  right: 30px;
}

}


@media screen and (min-width: 1200px) {

.nav {
  margin-bottom: 50px!important;
}

.gorod {
/*  top: 71px;*/
/*  right: 80px;*/
  bottom: 120px;
  right: 80px;
}

.saganav {
  margin-left: 40px;
  margin-right: 0px!important;
}

}


@media screen and (max-width: 1199px) {

.nav_item {
  margin-left: 0px;
  margin-right: 15px;
}

.sm {
  font-size:40px;
  margin-right: 115px;
}

}


@media screen and (max-width: 713px) {

.nav_item {
    margin-left: 0px;
    margin-right: 7px;
}

.menu {
  display: block;
}

.nav {
  margin-bottom: 10px!important;
}

}


@media screen and (max-width: 550px) {

.thk {
  margin-top: 37px;
  margin-right: 10px;
  position: fixed!important;
  top: 0;
  left: 280px;
  z-index: 10;
}

.pull-right {
    float: none;
}    
    
}


@media screen and (max-width: 357px) {

.nav_items {
    display: block;
    text-align: left;
    white-space: nowrap;
}

}