:root {
    --window-background: #003466;
    --primary: #e72971;
    --color-primary: #0b1c49;
    --primary-dark: #000521;
    --focus: #b51e55;
    --white: #fff;
}
.hm-content{
    height: 100vh;
}
body {
    background-color: var(--window-background);
    font-family: 'Montserrat';
}
@-webkit-keyframes hm-img {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes hm-img {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes hm-img {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
h1, h2, h3, h4, h5, h6, p, span, a {
    font-family: 'Montserrat';
    margin: 0px;
    word-break: break-word;
}
a {
    cursor: pointer;
}
a:focus, a:hover {
    text-decoration: none;
    outline: none;
}
.bg-background-window{
    background-color: var(--window-background);
}
.accent{
    color: var(--accent);
}
.color-primary{
    color: var(--color-primary);
}
.primary-dark{
    color: var(--primary-dark);
}
.primary{
    color: var(--primary);
}
.white{
    color: var(--white);
}
.focus{
    color: var(--focus);
}
.hm-button{
    background-color: var(--primary);
    color: var(--white);
    width: auto;
    padding: 8px 32px;
    border: none;
    border-radius: 4px;
}
.img-responsive{
    width: 50%;
}
.hm-img{
    animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	-moz-animation: bounce 3s infinite;
	-o-animation: bounce 3s infinite;
}
.hm-img img{
    width: 100%;
}
@media (max-width: 768px){
    .img-responsive{
        width: 50%;
    }
    .hm-second-block{
        margin-bottom: 32px;
        text-align: center;
    }
}