@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;500;700&display=swap');

*{font-family: 'IBM Plex Sans', sans-serif;}
body{background: #4B4B4B url('img/slider_bg.png') repeat-x top center;}

div.info h1{
    color: #FFF;
    font-size: 50px;
    font-weight: 700;
}
div.info p{
    font-size: 25px;
    font-weight: 300;
    color: #FFF;
}
div.info .header-icons img{
    width: 120px;
}
.btn.btn-primary,
.btn.btn-secondary{
    background-color: #FF4747;
    border-color: #FF4747;
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    transition: all 0.4s ease;
}
.btn.btn-primary:hover{
    background-color: #9A755C;
    border-color: #9A755C;
}
.btn.btn-secondary{
    background-color: transparent;
    border-color: #FFF;
}
.btn.btn-secondary:hover{
    background-color: #FF4747;
    border-color: #FF4747;
}
div.header-form{
    background: rgba(44, 44, 44, .64);
    border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
}
div.header-form h2{
    color: #FF4747;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    div.header-form h2{font-size: 40px;}
}
@media screen and (max-width: 390px) {
    div.header-form h2{font-size: 30px;}
}
div.header-form label{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
}
div.header-form .form-control{
    border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    color: #BABABA;
    padding: .5rem 1rem;
    margin-bottom: 10px;
}
div.header-form textarea{resize: none;height:150px;}
div.header-form .form-control::-webkit-input-placeholder,
div.header-form .form-control::placeholder,
div.header-form .form-control::-moz-placeholder{color: #BABABA}
div.body{
    background-color: #A00303;
    color: white;
}
div.body p{font-size: 32px}
div.body ul li{font-size:25px}
div.footer{
    background-color: #0F0F0F;
    color: #FFF;
}
div.footer h2{
    font-weight: 700;
    color: #FFF;
    font-size: 50px;
}
div.footer h3{
    font-size: 25px;
    font-weight: 700;;
}
div.footer p{
    font-size: 15px;
    font-weight: 300;
}

div.footer .footer-bottom{
    border-top: 1px solid white;
}
div.footer a{
    color: #FFF;
    transition: all 0.4s ease;
}
div.footer a:hover{text-decoration: none;}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    div.footer p{
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    div.info .header-icons img{
        width: 80px;
    }
    div.body ul li{font-size:23px}
    div.footer .footer-icons img{
        max-width: 80px;
    }
}