@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');

$font-alt : 'Montserrat', sans-serif;
$font-main : 'Roboto', sans-serif;
$colorfont : #1b1b1b;
$bgcolor-block :#233141;
$altbgcolor-block :#5b7ea6;


.alt-font{
        font-family: $font-alt;
    }

.main-font{
        font-family: $font-main;
    }

  body{ 
        font-family: $font-main;
        -webkit-font-smoothing: antialiased;
        font-size:14px;
        color: $colorfont;
        font-weight: 400;
        line-height: 24px;
    }
    a {
        color: $colorfont;
        text-decoration: none;
        background-color: transparent;
      }

.img-rest{
    height: 200px;
    width: 100%;
    
    }
.img-view{
    height: 32%;
    width: 32%;
}
.img-cat{
    align-self: center;
    border-radius: 50%;
    height: 200px;
    width: 200px;
}
.cat-title{
    text-align: center;
    font-family: $font-main;
}

@media (max-width: 800px) {
        #slider{
            display: none;
        }
    }

.map {
    margin-top: 60px;
    width:100%;
    height:540px;
    border:none
}