body, html {
    height: 100%;
}

body {
    font-family: 'Rubik', sans-serif;
}

.mt-10 {
    margin-top: 10rem !important;
}

.title {
    font-size: 48px;
	font-weight: 400;
    color: #ed1f24;
}

.sub-title {
    font-size: 24px;
	font-weight: 300;
    color: #9a9a9a;
}

@media (min-width: 1281px) {
    img.logo {
        width: 15%;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    img.logo {
        width: 15%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    img.logo {
        width: 15%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    img.logo {
        width: 15%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    img.logo {
        width: 30%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    img.logo {
        width: 30%;
    }
}