/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
body {
    background-image: url('../images/background.jpg');    
    background-attachment: fixed;
	background-color: #ffffff;
	background-position: center -100px;
	background-repeat: no-repeat;
	margin: 0 auto;    
    text-align:justify;    
    font-family: Calibri,Arial,sans-serif;
    font-weight: normal;
    font-size: 16px;
}

#agrofreshquiz_bundle_frontbundle_completioncertificate > div{ width: 44% !important; float: left !important; margin: 0 3% !important; }
#agrofreshquiz_bundle_frontbundle_completioncertificate > div:first-child{ margin-right: 53% !important; }
#agrofreshquiz_bundle_frontbundle_completioncertificate > div:nth-child(11){ margin: 15px auto 30px auto !important; width: 100% !important; }
#agrofreshquiz_bundle_frontbundle_completioncertificate > div label{ margin-top: 10px !important; }

.required:after{
	content: '*';
}

h1.top_title { margin: 0px; font-size: 28px; font-weight: bold; text-align: right; line-height: 50px; }
h2 { text-align: center; width: 100%; }

.margin-top-0{ margin-top: 0 !important;) }

.header_container h1 {  }

a { color: #30B357; }
a:hover { color: #FACA1A; text-decoration: none; }

.container {
    background-color: #FFF;
    padding: 15px 30px;
}

.green { color: #30B357; }
ol.menu > li { font-size: 20px; }

header{
    text-align: center;
}

button{
	min-width: 170px !important;
	margin: 0 auto !important;
}

.center-img{ margin: 0 auto !important; }

.like_link{ cursor: pointer; }
video {
  width: 100%    !important;
  height: auto   !important;
}

.logo_wrapper{padding-bottom: 10px;}
.header_container .logo_container{ border-bottom: 1px solid #2cb254; padding: 0px 15px 15px 15px; }

button { font-weight: bold; padding: 5px 15px; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.md_align_right{ float: right; }
	.smartfresh_logo{ max-height: 100px; }
	.dow_logo{ width: 180px;margin-top: 22px; height: auto; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.container.header_container
	{
		padding: 15px 30px;
	}
	.logo_wrapper
	{
		float: left;
		width: 200px;
		padding: 0 !important;	
	}
	.container.footer_container{ padding: 15px 30px; }
	.fix-padding-right { padding-right: 0px !important; }
	
	.home_menu{ padding: 50px 15px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}