﻿@media only screen and (min-width: 2000px) {
  .container > .contact-us {
    margin: 300px 0 20px; }
  .container > .contact-us > div {
    padding: 10px 200px; }
  .container > .contact-us > div i {
    font-size: 30px; }
  .container > .contact-us .contact-us-form {
    background-size: auto 99%; }
  .container > .contact-us .contact-us-form .form-group {
    margin-top: 70px; }
  .container > .contact-us .contact-us-form .form-group .title {
    padding: 0 20px;
    margin-bottom: 40px;
    font-size: 30px; }
  .container > .contact-us .contact-us-form .form-group .form-control {
    width: calc(100% - 64px);
    padding: 15px 30px;
    font-size: 30px; }
  .container > .contact-us .contact-us-form .form-group textarea.form-control {
    min-height: 350px; }
  .container
> .contact-us
.contact-us-form
.form-group
.field-validation-error {
    margin-top: 30px;
    padding: 15px 25px;
    font-size: 30px; }
  .container > .contact-us .contact-us-form .form-group .btn {
    padding: 20px 70px;
    font-size: 34px; }
  .container > .contact-us .contact-info {
    padding-bottom: 700px; }
  .container > .contact-us .contact-info .about-us {
    margin-bottom: 80px; }
  .container > .contact-us .contact-info .about-us .title {
    margin: 0 0 35px;
    font-size: 34px; }
  .container > .contact-us .contact-info .about-us p {
    font-size: 30px; }
  .container > .contact-us .contact-info .contact-us .title {
    margin: 0 0 35px;
    font-size: 34px; }
  .container > .contact-us .contact-info .contact-us .item {
    margin-bottom: 30px; }
  .container > .contact-us .contact-info .contact-us .item span {
    font-size: 30px; }
  .container > .contact-us .contact-info .follow-us .title {
    margin: 0 0 35px;
    font-size: 34px; }
  .container > .contact-us .contact-info .follow-us .social-media-links a {
    margin-right: 70px; } }

@media only screen and (max-width: 1280px) {
  .container > .contact-us > div {
    padding: 10px 50px; }
  .container > .contact-us > div i {
    font-size: 20px; }
  .container > .contact-us .contact-us-form .form-group {
    margin-top: 30px; }
  .container > .contact-us .contact-us-form .form-group .title {
    margin-bottom: 15px;
    font-size: 20px; }
  .container > .contact-us .contact-us-form .form-group .form-control {
    width: calc(100% - 34px);
    padding: 7px 15px;
    font-size: 20px; }
  .container > .contact-us .contact-us-form .form-group textarea.form-control {
    min-height: 120px; }
  .container
> .contact-us
.contact-us-form
.form-group
.field-validation-error {
    margin-top: 10px;
    font-size: 18px; }
  .container > .contact-us .contact-us-form .form-group .btn {
    padding: 10px 40px;
    font-size: 22px; }
  .container > .contact-us .contact-info {
    padding-bottom: 200px;
    background-size: 70% auto; }
  .container > .contact-us .contact-info .about-us {
    margin-bottom: 30px; }
  .container > .contact-us .contact-info .about-us .title {
    margin: 0 0 15px;
    font-size: 22px; }
  .container > .contact-us .contact-info .about-us p {
    font-size: 18px; }
  .container > .contact-us .contact-info .contact-us {
    width: 65%; }
  .container > .contact-us .contact-info .contact-us .title {
    margin: 0 0 15px;
    font-size: 22px; }
  .container > .contact-us .contact-info .contact-us .item span {
    font-size: 18px; }
  .container > .contact-us .contact-info .follow-us {
    width: 35%; }
  .container > .contact-us .contact-info .follow-us .title {
    margin: 0 0 15px;
    font-size: 22px; }
  .container > .contact-us .contact-info .follow-us .social-media-links a {
    margin-right: 20px; } }

@media only screen and (max-width: 960px) {
  .container > .contact-us {
    margin: 120px 0 20px; }
  .container > .contact-us > div {
    padding: 10px 30px; }
  .container > .contact-us > div i {
    font-size: 18px; }
  .container > .contact-us .contact-us-form .form-group .title {
    border-width: 3px;
    font-size: 18px; }
  .container > .contact-us .contact-us-form .form-group .form-control {
    width: calc(100% - 24px);
    padding: 5px 10px;
    font-size: 18px; }
  .container > .contact-us .contact-us-form .form-group textarea.form-control {
    min-height: 100px; }
  .container
> .contact-us
.contact-us-form
.form-group
.field-validation-error {
    font-size: 16px; }
  .container > .contact-us .contact-us-form .form-group .btn {
    padding: 10px 30px;
    font-size: 20px; }
  .container > .contact-us .contact-info {
    padding-bottom: 170px;
    background-size: 80% auto; }
  .container > .contact-us .contact-info .about-us {
    margin-bottom: 20px; }
  .container > .contact-us .contact-info .about-us .title {
    font-size: 20px; }
  .container > .contact-us .contact-info .about-us p {
    font-size: 16px; }
  .container > .contact-us .contact-info .contact-us {
    width: 70%; }
  .container > .contact-us .contact-info .contact-us .title {
    font-size: 20px; }
  .container > .contact-us .contact-info .contact-us .item span {
    font-size: 16px; }
  .container > .contact-us .contact-info .follow-us {
    width: 30%; }
  .container > .contact-us .contact-info .follow-us .title {
    font-size: 20px; }
  .container > .contact-us .contact-info .follow-us .social-media-links a {
    margin-right: 5px; } }

@media only screen and (max-width: 768px) {
  .container > .navbar .nav-items a {
    color: #f5f5f5;
    text-shadow: 2px 2px 2px rgba(50, 50, 50, 0.8); }
  .container > .contact-us {
    display: block;
    margin: 100px 0 20px;
    align-items: initial; }
  .container > .contact-us > div {
    flex: initial;
    padding: 10px 20px; }
  .container > .contact-us .contact-us-form .form-group .btn {
    padding: 8px 25px; }
  .container > .contact-us .contact-info {
    margin-top: 30px;
    padding-bottom: 250px; }
  .container > .contact-us .contact-info .contact-us {
    width: 60%; }
  .container > .contact-us .contact-info .follow-us {
    width: 40%; }
  .container > .contact-us .contact-info .follow-us .social-media-links a {
    margin-right: 20px; } }

@media only screen and (max-width: 500px) {
  .container > .contact-us .contact-info {
    padding-bottom: 220px;
    background-size: 90% auto; }
  .container > .contact-us .contact-info .contact-us {
    width: 65%; }
  .container > .contact-us .contact-info .follow-us {
    width: 35%; }
  .container > .contact-us .contact-info .follow-us .social-media-links a {
    margin-right: 10px; } }
