body{ color: #383838; font-family: 'Raleway',sans-serif; font-size: 14px; line-height: 20px; padding-top: 70px; }
img{ max-width: 100%; }
a,a:hover,a:visited,a:focus,a:active{ text-decoration: none; }
p{ margin: 0; }
section{ padding: 60px 0; }

.btn{ font-weight: 600; text-transform: uppercase; border-radius: 100px; padding: 12px 24px; border: 2px solid transparent; font-size: 12px; line-height: 12px; text-align: center; }
.btn-blue{ color: #273473; border-color:#273473; }
.btn-white{ color: #ffffff; border-color: #ffffff; }

.form-group{ margin-bottom: 22px; }

header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 1049; background-color: #ffffff; padding: 15px 0; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05); }
header ul{ list-style-type:  none; margin: 0; padding: 0; flex: 0 1 75%; }
header ul li{ display: inline-block; padding: 0 40px; }
header ul li a{ font-family: 'Poppins',sans-serif; display: block; font-size: 12px; color: #EE232D; text-transform: uppercase; font-weight: 500; }
header ul li a:hover{ color: #273473; }

#top{ padding-top: 30px; position: relative; }
#top > img{ position: absolute; width: 100%; z-index: -1; bottom: -250px; left: 0; }
#top h1{ margin: 140px 0 30px; font-size: 36px; font-family: 'Poppins', sans-serif; color: #EE232D; font-weight: 700; }
#top p{ font-weight: 500; color: #EE232D; max-width: 80%; }

#about{ padding: 0 0 30px; }

h2{ font-size: 24px; font-weight: 700; font-family: 'Poppins',sans-serif; margin: 0 0 30px; }
p + a{ margin-top: 30px; }
#products{ padding: 90px 0 330px; background-image: url(img/slice-2.png); background-position: center bottom; background-repeat: no-repeat; position: relative; }
#products > img{ position: absolute; bottom: 0; left: calc(50% - 146.5px); }

#contact{ background-color: #EE232D; position: relative; }
#contact *{ color: #ffffff; }

#contact_form{ margin-top: 30px; }
#contact_form label{ display: block; font-size: 14px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
#contact_form .form-control{ border-radius: 0; height: auto; font-size: 14px; line-height: 18px; padding: 20px; color: #383838; font-weight: 600; }
#contact_form .btn{ padding: 12px 48px; margin-top: 15px; }

#contact .contact-form-overlay{ display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.85); align-items: center; align-content: center; flex-wrap: nowrap; justify-content: center; z-index: 1000; }
#contact .contact-form-overlay.open{ display: flex; }
#contact .contact-form-overlay-modal{ background-color: #ffffff; width: 500px; max-width: 100%; }
#contact .contact-form-overlay-modal-content{ width: 100%; height: 100%; position: relative; padding: 60px 80px; text-align: center; }
#contact .contact-form-overlay-modal-content p{ font-size: 14px; margin: 0; line-height: 20px; font-weight: 500; color: #383838; }
#contact .contact-form-overlay-modal .close-modal{ color: #383838; font-size: 40px; position: absolute; top: 10px; right: 10px;  }

@media only screen and (max-width: 767px){
    header ul{ text-align: right; }
    header ul li{ padding: 0 15px; }
    section{ padding: 30px 0; }
    #top{ text-align: center; }
    #top .col-md-6 > img{ display: block; max-width: 50%; margin: auto; }
    #top h1{ margin: 15px 0; }
    #top p{ max-width: none; }
    #about{ text-align: center; padding: 30px 0; }
    #top > img{ display: none; }
    #products{ padding: 30px 0 210px; text-align: center; }
    #products h2{ margin-top: 15px; }
    #contact_form .form-control{ padding: 10px; }
}

@media only screen and (max-width: 575px){
    header .logo{ flex: 0 1 25%; }
    header ul li{ padding: 0 10px; }
}