hr {

    background: red;
}
body{
    background: #202124;
}
.text-center h3, h4 {
    color: #FFFFFF;
    margin-top: 0rem;
    margin-bottom: 2rem;
    font-weight: 300;
}
body {
    color: #FFFFFF;
}
.logo{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.text-center p {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 400;
}
.smaller{
    margin-top: 2rem;
}
.smaller p{
    font-size: 16px;
    margin-bottom: -0.2rem;
    font-weight: 300;
}

.contacts{
    margin-bottom: 2rem;
}

.contacts p {
    margin-bottom: 0rem;
}

.contacts p a{
    color: #FFFFFF;
}

.container{
    margin-bottom: 3rem;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 968px) {
    .logo{
        margin-top: 3rem;
        margin-bottom: 1rem;
    }
    .contacts p {
        margin-bottom: 1rem;
    }
    .img-responsive{
        max-width: 100%;
    }
}