@media (min-width: 768px) {
	
	/* make header flex */
	.region.region-navigation {
		display: flex;
		align-items: center;
	}
	
	.block-hometop {
		padding-top: 0;
	}
	
	.navbar-default .navbar-toggle {
		top: 0;
	}
	
	.navbar-default .navbar-toggle.menu {
		top: -5px;
	}
	
	.navbar-nav {
		width: auto;
		float: right;
		border: 1px solid #FF4D4D;
		background-color: #FF4D4D;
		position: absolute;
		right: -10px;
		top: 10px;
		z-index: 2;
	}
	
	.path-admin-expert-form #block-webform, 
	.path-emergency-volunteer-form #block-webform-2 {
		width: 750px;
		margin: 0 auto;
		padding: 0;
	}
	
	.path-admin-expert-form .node .field--name-body p,
	.path-emergency-volunteer-form .node .field--name-field-sub-t p	{
		font-size: 22px;
		line-height: 1.4;
		padding-bottom:20px;
	}
	
	.node--type-page .field--name-body {
		margin: 0 auto;
		width: 750px;
		padding: 0 20px;
	}
	
	.field--name-node-title {
		margin: 35px auto;
	}
	
	.path-mission .field--name-body h3 {
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.node--type-page-2-column .col_2,
	.node--type-page-2-column .field--name-field-sub-t {
		width: 750px;
		margin: 0 auto;
	}
	
	.path-user-login .region.region-content {
		width: 50%;
		margin: 0 auto;
	}
	
	.collapse.in {
		top: 0;
	}
	
	.col-md-4 {
		width: 40%;
	}
	
	.panafid-toggle {
		position: relative;
		right: 0;
		top: 0;
	}

	#block-panafaid-main-menu,
	.region-navigation-collapsible {
		position: relative;
		left: 0;
		top: 0;
		float: left;
	}
	
	.navbar-nav li {
		width: 100%;
	}
	
	.navbar-nav li a.is-active {
		color: #FF4D4D !important;
		background-color: #fff;		
	}
	
	.navbar-nav li a.is-active:hover {
		color: #fff !important;
		background-color: red !important;
	}
	
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:focus	{
		color: #fff;
		white-space: nowrap;
		padding: 16px 30px;
		border-bottom: 1px solid #ccc;
	}
	
	.navbar-default .navbar-nav > li > a:hover	{
		color: #fff;
		background-color: red;		
	}
	
	.logo {
		width: 50%;
	}
	
	.logo img {
		float: right;
	}
	
	.path-contact .region.region-content {
	    background-size: cover;
		padding: 50px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	.path-contact #block-contactpageimage {
		flex: 0;
	}
	
	.path-contact form {
		padding-right: 20px;
		flex: 1;
	}

	.path-contact #block-contactpagetext {
		margin-bottom: 70px;
		color: #fff;
		font-family: 'antonio-regular', sans-serif;
		font-size: 16px;
		flex: 1;
	}



	.path-contact  #block-contactpagetext h3{
		margin-top: 10px;
		font-size: 20px;
		font-weight:bold;
		letter-spacing: 1px;
	}

	.path-contact  #block-contactpagetext p {
		padding: 0;
		margin: 0;
		line-height: 18px;
		letter-spacing: 1px;
		font-size: 17px;
		margin: 1px 0;
	}

	.path-donate .footer.container-fluid,
	.path__donate .footer.container-fluid,
	.path-contact .footer.container-fluid {
		margin-top: 0;
	}

	.path-contact .form-item-name {
		width: 49%;
		float: left;
	}

	.path-contact .form-item-surname {
		width: 49%;
		float: right;
	}

	.path-contact .form-item-email {
		width: 100%;
		margin: 0;
	}
	
	.path-contact .btn-primary {
		color: #fff;
		background-color: #FF4E4E;
		border-color: #fff;
		font-size: 20px;
		text-transform: uppercase;
		padding: 7px 25px;
		font-family: 'antonio-regular', sans-serif;
		margin-top: 15px;
	}

	.path-contact label {
		color: #fff;
		text-transform: uppercase;
		font-size: 20px;
		font-family: 'antonio-regular', sans-serif;
		margin: 10px 0 0 0;
		font-weight: normal;
	}

	#block-contactpagetext h2 {
		font-size: 25px;
		font-weight: bold;
		letter-spacing: 2px;
		text-transform: uppercase;
		margin-bottom: 18px;
	}


	#block-contactpagetext h3{
		margin-bottom: 0;
		color: #fff;
	}
	
	.path-admin-expert .node--type-page .field--name-body,
	.path-emergency-volunteer .node--type-page .field--name-body {
		font-size: 27px;
		line-height: 1.5;
	}
	
	
	.path-donate .region.region-content,
	.path__donate .region.region-content {
		display:flex;
		justify-content: center;
		align-items:center;
	}

	.path-donate #webform-submission-donate-add-form,
	.path__donate #webform-submission-personal-details-add-form {
		flex:1;
	}
	
	.path__donate #block-donatepageimage,
	.path-donate #block-donatepageimage {
		flex: 0;
	}
	
}


@media (min-width: 1367px) {
	
	
	.path-donate .region.region-content,
	.path__donate .region.region-content {
		display:flex;
		justify-content: flex-start;
	}

	.path-donate #webform-submission-donate-add-form,
	.path__donate #webform-submission-personal-details-add-form {
		flex: unset;
		margin: 60px 0;
		width: 50%;
	}
	
	.path__donate #block-donatepageimage,
	.path-donate #block-donatepageimage {
		flex: unset;
		width: 50%;
	}
	
	.path-contact #block-contactpageimage {
		flex: 2;
	}
	
	.path-contact form {
		flex: 2;
	}

	.path-contact #block-contactpagetext {
		flex: 1;
	}
	
	.block-hometop p,
	.block-hometop .field--name-field-author {
		font-size: 11px;
	}

	
	.path-contact .btn-primary {
		color: #fff;
		background-color: #FF4E4E;
		border-color: #fff;
		font-size: 25px;
		text-transform: uppercase;
		padding: 10px 46px;
		font-family: 'antonio-regular', sans-serif;
		margin-top: 15px;
		border-radius: 7px;
	}
	
	.path-contact form {
		max-width: 620px;
	}
	
	.path-contact .form-text,
	.path-contact .form-email,
	.path-contact .form-tel,
	.path-contact .form-select {
		height: 45px;
		margin: 0;
	}
	
	.path-admin-expert .node--type-page .field--name-body h2,
	.path-emergency-volunteer  .node--type-page .field--name-body h2 {
		font-size: 48px;
		font-weight: bold;
		letter-spacing: 9px;
	}
	
	.path-emergency-volunteer  .node--type-page .field--name-body h2 {
		letter-spacing: 6px;
	}

	.path-emergency-volunteer .node--type-page .field--name-body h3,
	.path-admin-expert .node--type-page .field--name-body h3 {
		font-size: 30px;
		font-weight: bold;
		letter-spacing: 2px;
	}
	
	.path-emergency-volunteer .node--type-page .field--name-body h4,
	.path-admin-expert .node--type-page .field--name-body h4 {
		font-size: 22px;
		letter-spacing: 1px;
	}	
	
	.path-admin-expert .node--type-page .field--name-body,
	.path-emergency-volunteer .node--type-page .field--name-body {
		font-size: 30px;
		line-height: 1.5;
	}
	
	.path-admin-expert .node--type-page .field--name-body p,
	.path-emergency-volunteer .node--type-page .field--name-body p {
		padding-bottom: 50px;
	}
	
	.node--type-page .field--name-body {
		margin: 0 auto;
		width: 990px;
	}
	
	.field--name-node-title {
		margin: 35px auto;
	}
	
	.node--type-page-2-column .col_2,
	.node--type-page-2-column .field--name-field-sub-t {
		width: 1050px;
	}


	.path-admin-expert-form .node--type-page .field--name-body,
	.path-emergency-volunteer-form .node--type-page .field--name-body,
	.path-admin-expert-form .col_2,
	.path-admin-expert-form .field--name-field-sub-t,
	.path-emergency-volunteer-form .col_2,
	.path-emergency-volunteer-form .field--name-field-sub-t {
		width: 990px;
		padding: 0 75px;
	}
	
	.path-admin-expert-form #block-webform,
	.path-emergency-volunteer-form #block-webform-2  {
		padding: 0;
		width: 990px;
		margin: 0 auto;
	}
	
	.path-admin-expert-form #block-webform  form,
	.path-emergency-volunteer-form  #block-webform-2 form {
		padding: 0 200px;
	}
	
	.col-md-4 {
		width: 33.3333%;
	}
	
	.home-text {
		top:260px;
		font-size: 55px;
	}
	
	.home-text p{
		line-height:80px;
	}
	
	.path-frontpage .donate-button {
		top:620px;
	}
	
	.ds-2col-stacked-fluid > .group-left {
	padding: 0 15px 0 24%;
}

	.ds-2col-stacked-fluid > .group-right {
		padding: 0 24% 0 15px;
	}
	
	.field--name-field-sub-t h3,
	.path-mission .field--name-body h3 {
		font-size: 29px;
	}

}


@media (max-width: 1366px) {

	.block-hometop {
		padding-right: 40px;
	}
	
	.path-about .group-left .field--name-field-column-1 p {
		padding: 0;
	}

	.path-about .group-right .field--name-field-column-2 p {
		padding: 0;
	}
	
	.region-footer .footer-design-by {
		margin-top: 50px;
	}
	
	.path-contact #block-contactpageimage {
		flex: 1;
	}
	
	.path-contact form {
		flex: 2;
	}

	.path-contact #block-contactpagetext {
		flex: 1;
	}

}




@media (max-width: 991px) {

	.path-about .group-left .field--name-field-column-1 p {
		padding: 0 0 0 50px;
	}

	.path-about .group-right .field--name-field-column-2 p {
		padding: 0 50px 0 0;
	}
	
	.path-contact #block-contactpageimage {
		flex: 0;
	}
	
	.path-contact form {
		flex: 1;
	}

	.path-contact #block-contactpagetext {
		flex: 1;
	}

	
}


/* mobile */
@media (max-width: 767px) {
	
	#webform-submission-donate-add-form input[type=number] {
		width: auto;
	}
	
	#webform-submission-donate-add-form .webform-composite-hidden-title, 
	#webform-submission-donate-add-form #edit-amount-text h3, 
	#webform-submission-donate-add-form .form-item-manual-payment {
		margin: 0;
	}
	
	#webform-submission-donate-add-form,
	#webform-submission-personal-details-add-form	{
		margin: 50px auto;
	}
	
	.region-footer .footer-design-by {
		margin-top: 10px !important;
	}
	
	.region-footer .footer-motto {
		margin-top: 20px !important;
	}
	
	.webform-flex {
		margin: 15px 0;
	}
	
	.path-contact  h3,
	.path-contact  p {
		margin-bottom: 0;
	}
	
	.path-contact input {
		height: 50px;
	}
	
	.path-contact .btn-primary {
		margin: 26px 0 42px;
		color: #fff;
		background-color: #FF4E4E;
		border-color: #FF4E4E;
		font-size: 24px;
		text-transform: uppercase;
		padding: 8px 23px;
		font-family: 'antonio-regular', sans-serif;
		border-radius: 14px;
	}
	
	#block-contactpagetext h2 {
		font-size: 22px;
	}
	
	.path-contact  #block-contactpagetext,
	.path-contact label {
		text-transform: uppercase;
		font-size: 17px;
		letter-spacing: 1px;
		font-family: 'antonio-regular', sans-serif;
		font-size: 17px;
	}

	.path-contact .form-item label {
		font-size: 17px;
	}
	
	.navbar-default .navbar-nav > li > a:hover, 
	.navbar-default .navbar-nav > li > a:focus {
		background-color: #FF4D4D;
		color: #fff;
	}
	
	.navbar-nav {
		text-align: center;
		border-top: 1px solid #ccc;
		width: 100%;
		margin: 35px auto 0;
	}
	
	.path-emergency-volunteer-form .field--name-field-sub-t h2, 
	.path-admin-expert-form .field--name-body h2 {
		width: auto;
		padding: 15px 10px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 35px;
	}
	
	.donate-only-mobile {
		position: fixed;
		bottom: 30px;
		right: 20px;
		z-index: 1;
		display: none;
	}
	
	.field--name-field-donate a {
		padding: 8px 14px 10px;
		font-size: 14px;
	}
	
	.donate-only-mobile .field--name-field-donate,
	.donate-only-mobile .no-mobile {
		display: block;
	}
	
	.region.region-navigation {
		text-align: center;
	}
	
	.path-about .group-left .field--name-field-column-1 p {
		font-size: 20px;
		line-height: 30px;
	}
	
	
	.group-left,
	.group-right,
	.group-left p,
	.group-right p	{
		width:100% !important;
		float: none !important;
		padding: 0 10px !important;
		text-align: left !important;
	}
	
	.field--name-field-donate,
	.no-mobile {
		display: none;
	}
	
	.only-mobile {
		display: block !important;
		
	}
	
	.logo {
		margin: 0 !important;
		padding: 15px !important;
	}
	
	.logo img {
		margin: 0 auto;
		width: 80%;
	}
	
	#block-hometop {
		width: 90%;
		margin: 0 auto;
		line-height: 22px;
		padding-right: 0;
	}
	
	#block-footer {
		display: none;
	}
	
	.container > .navbar-header, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container-fluid > .navbar-collapse {
		margin-bottom: 40px;
	}
	
	.navbar-default .navbar-toggle {
		margin: 0 auto;
		top: 15px;
		left: 0;
	}
	
	.navbar-default .navbar-toggle.menu {
		top: 20px;
		left: 0;
	}
	
	.block-hometop {
		padding: 10px !important;
	}
	
	.path-frontpage .donate-button {
	  top: 30px;
	  right: 20px;
	  left: unset;
	}
	
	.node--type-page .field--name-body {
	  margin: 0;
	  padding: 0 20px;
	  text-align: justify;
	}
	
	.path-admin-expert .node--type-page .field--name-body h2,
	.path-emergency-volunteer .node--type-page .field--name-body h2 {
		letter-spacing: 1px;
	}
	
	.path-admin-expert-form .node--type-page .field--name-body, 
	.path-emergency-volunteer-form .node--type-page .field--name-body {
		border: 0;
	}
	
	
	.path-emergency-volunteer-form .field--name-field-sub-t {
		margin: 0;
		padding: 0 20px;
		border: 0;
	}
	
	
	.path-admin-expert-form .col_2, 
	.path-emergency-volunteer-form .col_2 {
		margin: 0;
		border: 0;
	}

	.path-admin-expert-form .col_2 h4, 
	.path-emergency-volunteer-form .col_2 h4 {
		margin: 20px 10px 0;
	}	
	
	
	.path-admin-expert-form #block-webform, 
	.path-emergency-volunteer-form #block-webform-2 {
		padding: 0;
	}
	
	.path-admin-expert-form #block-webform form, 
	.path-emergency-volunteer-form #block-webform-2 form {
		padding: 25px 40px 0;
		border: 0;		
	}
	
	.path-admin-expert-form .node--type-page .field--name-body hr, 
	.path-emergency-volunteer-form .field--name-field-sub-text hr {
		width: 90%;
	}
	
	.form-item-title, 
	.form-item-first-name, 
	.form-item-last-name, 
	.form-item-choose-your-vocation-expertise, 
	.form-item-telephone-cell, 
	.form-item-email, 
	.form-item-region, .form-item-country,
	.form-item-attach-your-cv-resume	{
		width: 100%;
	}
	
	#edit-do-you-have-a-passport---wrapper,
	.form-item-country, 
	.form-item-email, 
	.form-item-choose-your-vocation-expertise, 
	.form-item-first-name	{
		margin-left: unset;
	}
	
	#block-contactpageimage {
		display: none;
	}
	
	.path-contact form,
	#block-contactpagetext	{
		padding: 0 20px;
		text-align: center;
	}
	
	
}


@media (max-width: 450px) {
	#edit-do-you-have-a-passport- {
		margin-left: 10px;
	}
}


/*********** tablet fixes *********/
@media screen and (min-width: 767px) and (max-width: 1366px) { 
	.path-contact .form-textarea {
		height: 90px;
	}
	
	.path-contact #block-contactpagetext {
		color: #fff;
		font-family: 'antonio-regular', sans-serif;
		font-size: 16px;
	}
	
	.path-contact label {
		margin: 5px 0 0 0;
		line-height: 1;
	}
	
}