Како делуваме - Slow Food Macedonia - Добра, чиста и правична храна

Пример тука да е поставена формата, со краток воведен текст и поднеа формата:

Име:

Презиме:

Производство:

.td-main-content-wrap {
  padding-bottom: 1px;
}

.menu-vertical {
  width: 300px;
  padding: 0px;
  margin: 0em auto;
  list-style: none;
  text-align: left;
  background: #0000;
}
.mv-item,
.mv-item a {
  display: block;
}
.mv-item a {
  margin: 1px 0;
  padding: 8px 20px;
  color: #000000;
  background: #FFF;
  text-decoration: none;
}
.mv-item a:hover,
.mv-item a:focus {
  background: #dd3333;
  color: #FFF;
}
p {
  font-family: Arial, sans-serif;
}

#special {
  font-family: Impact, sans-serif;
  color: red;
}

.red-text {
  color: #dd3333;
  text-transform: uppercase;
}

body {
  background: #e2e1e0;
  text-align: left
}

#mailchimp {
 background: #ffffff;
 color: #3D6392;
  text-align: center;
  font-family: Roboto;
	padding: 1px 1px;
}

#mailchimp h2 {
  font-size: 26px;
  line-height: 5px;
  color:#ed1d1c;
}

#mailchimp p {
  font-size: 16px;
  line-height: 16px;
  color: #333;
}

#mailchimp input {
 border: medium none;
 color: gray;
 font-size: 14px;
 border: 1px solid #dfdfdf;
 margin-bottom: 10px;
 padding: 8px 10px;
 width: 25%;
 border-radius: 4px;
 -moz-border-radius: 4x;
 -webkit-border-radius: 4px;
}

#mailchimp input.email { background: #fff }
#mailchimp input.name { background: #fff}
#mailchimp input[type="submit"] {
 background: #ed1d1c;
 color: #fff;
 cursor: pointer;
 font-size: 15px;
 text-transform: uppercase;
 width: 25%;
 padding: 8px 0;
}

::-webkit-input-placeholder {
   color: gray;
}
.team-member .t-mem-details-area .t-social li{
	list-style:none;
	display:inline-block;
}
/*
Bootstrap Breakpoints Mixins
*/
@mixin media-breakpoint-up($breakpoint) {
  @if $breakpoint == "sm" {
    @media (min-width: 576px) {
      @content;
    }
  }
  @if $breakpoint == "md" {
    @media (min-width: 768px) {
      @content;
    }
  }
  @if $breakpoint == "lg" {
    @media (min-width: 992px) {
      @content;
    }
  }
  @if $breakpoint == "xl" {
    @media (min-width: 1200px) {
      @content;
    }
  }
}
@mixin media-breakpoint-down($breakpoint) {
  @if $breakpoint == "xs" {
    @media (max-width: 575.98px) {
      @content;
    }
  }
  @if $breakpoint == "sm" {
    @media (max-width: 767.98px) {
      @content;
    }
  }
  @if $breakpoint == "md" {
    @media (max-width: 991.98px) {
      @content;
    }
  }
  @if $breakpoint == "lg" {
    @media (max-width: 1199.98px) {
      @content;
    }
  }
}

/*
Bootstrap Variables
*/
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;

$blue:    #007bff !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #e83e8c !default;
$red:     #dc3545 !default;
$orange:  #fd7e14 !default;
$yellow:  #ffc107 !default;
$green:   #28a745 !default;
$teal:    #20c997 !default;
$cyan:    #17a2b8 !default;

$primary:       $blue !default;
$secondary:     $gray-600 !default;
$success:       $green !default;
$info:          $cyan !default;
$warning:       $yellow !default;
$danger:        $red !default;
$light:         $gray-100 !default;
$dark:          $gray-800 !default;

$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
$headings-font-family:        null !default;

/*
Code
*/
.m-subscribe1 {
  background: $gray-100;
  padding-bottom: 40px;
  padding-top: 44px;
  width: 100%;
  &__title {
    font-size: 1.7rem;
    font-weight: 700;
    margin-top: 2px;
    text-align: center;
    @include media-breakpoint-up(lg) {
      font-size: 2rem;
      text-align: left;
    }
  }
  &__form {
    float: none;
    font-family: $headings-font-family;
    margin-top: 36px;
    width: 100%;
    @include media-breakpoint-up(lg) {
      float: right;
      margin-top: 0;
      width: auto;
    }
    input[type=email] {
      border-radius: 20px;
      display: block;
      height: 43px;
      margin-bottom: 10px;
      margin-right: 5px;
      min-width: auto;
      position: relative;
      top: -4px;
      width: 100%;
      @media screen and (min-width: 480px) {
        display: inline-block;
        margin-bottom: 0;
        width: calc(100% - 160px);
      }
      @include media-breakpoint-up(lg) {
        display: block;
        margin-right: 16px;
        width: auto;
      }
      @include media-breakpoint-up(lg) {
        min-width: 290px;
      }
      @include media-breakpoint-up(xl) {
        min-width: 334px;
      }
    }
    button[type=submit] {
      border-radius: 20px;
      display: block;
      float: right;
      font-size: 0.8rem;
      font-weight: 700;
      line-height: 3.2;
      margin-left: auto;
      padding: 0 32px;
      width: 100%;
      @media screen and (min-width: 480px) {
        display: inline-block;
        width: auto;
      }
      @include media-breakpoint-up(lg) {
        display: block;
        float: none;
        margin-left: 0;
      }
    }
  }
}

/*
Bootstrap Breakpoints Mixins
*/
@mixin media-breakpoint-up($breakpoint) {
  @if $breakpoint == "sm" {
    @media (min-width: 576px) {
      @content;
    }
  }
  @if $breakpoint == "md" {
    @media (min-width: 768px) {
      @content;
    }
  }
  @if $breakpoint == "lg" {
    @media (min-width: 992px) {
      @content;
    }
  }
  @if $breakpoint == "xl" {
    @media (min-width: 1200px) {
      @content;
    }
  }
}
@mixin media-breakpoint-down($breakpoint) {
  @if $breakpoint == "xs" {
    @media (max-width: 575.98px) {
      @content;
    }
  }
  @if $breakpoint == "sm" {
    @media (max-width: 767.98px) {
      @content;
    }
  }
  @if $breakpoint == "md" {
    @media (max-width: 991.98px) {
      @content;
    }
  }
  @if $breakpoint == "lg" {
    @media (max-width: 1199.98px) {
      @content;
    }
  }
}

Slow Food Macedonia – Добра, чиста и правична храна