body {
   
    background: url(../img/bg.png) no-repeat fixed;
    background-size: cover;
    font-size: 15px;
    font-family: 'Jost', sans-serif;
}
h1, h2, h3
{
    font-family: 'Bangers', cursive;
}
.menu
{
    background: #D50000;
    border-radius: 5px;
    box-shadow: 3px 3px 5px 2px #6c0202;
    margin-top: 30px;
    margin-bottom: 30px;
}
.head-top
{
    padding: 10px 0;
}
.top-contacts p
{

    color: #fdfaf9;
    text-shadow: 1px 1px 1px #000000, 0 0 25px #000000, 0 0 5px #000000;
    font-size: 18px;
}
.top-contacts {
    float: right;
    text-align: right;
    
    font-size: 18px;
    line-height: 0.7em;
    padding: 15px;
}

.bg-light {
    background: none !important;
    padding: 0;
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 18px !important;
    transition: all 0.3s ease-in-out;
    font-weight: 400;

    
}

.banner
{
    border: 1px solid #fff;
}
.banner img
{
    display: block;
    width: 100%;
}
.text
{
    background: #E57373;
    text-align: center;
    padding: 20px;
    box-shadow: inset 0 0 10px #6c0202;
    color: #D50000;
    margin-bottom: 30px;
    margin-top: 30px;
}
.text p
{
    font-size: 18px;
    line-height: 30px;

}
.text p a
{
    color: #fff;
}
.escorts-list {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    padding: 0;
}
.escorts-img {
    padding: 7px;
    float: left;
    width: 16.66666667%;
}
.escort-content {
    background: #FF1744;
    border: 5px solid #FF1744;
    box-shadow: 3px 3px 5px #000;
}
.img-responsive {
    display: block;
    width: 100%;
}
.name span {
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    display: block;
    text-shadow: 2px 1px 2px #000;
}
.area-list {
    padding: 0;
    list-style-type: none;
}
.area-list li a {
    padding: 15px 0 15px 15px;
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    transition: all .4s;
    border-bottom: 1px dotted #fff;
    position: relative;
    
}
footer {
    padding: 20px 0;
    margin-top: 40px;
    background: #D50000;
}
footer ul {
    padding: 0;
    list-style-type: none;
    display: table;
    margin: 0 auto 15px auto;
}
footer ul li {
    float: left;
}
footer ul li a {
    color: #fff;
    text-decoration: none;
    margin-right: 30px;
    font-size: 18px;
}
footer h5 {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 17px;
    margin-bottom: 0;
}
@media (max-width:1199px) {

   
}
@media (max-width:991px) {
	
}

@media (max-width:767px) {
    
	


}
@media (max-width:499px) {
    .text h1
    {
        font-size: 2rem
    }
    .escorts-img
    {
        width: 50%;
    }
    footer ul li
    {
        float: none;
        margin:0 0 10px 0;
    }
    footer ul li a
    {
        display: block;
        text-align: center;
    }

}