/* ==========================================================================
   Additions to the Bootstrap Grid System
   ========================================================================== */

.valign-wrapper {
	display: table;
	width: 100%;
}
.valign-item {
	display: table-cell;
	vertical-align: middle;
}

/* Vertical margins

- 6 August 2015 - added text-center classes
----------------------------------------------------------------------------------------------------*/

.margin-top-zero { margin-top:0px !important }
.margin-top-small { margin-top:10px !important }
.margin-top-medium { margin-top:20px !important }
.margin-top-large { margin-top:30px !important }
.margin-top-xlarge { margin-top:50px !important }

.margin-bottom-zero { margin-bottom:0px !important }
.margin-bottom-small { margin-bottom:10px !important }
.margin-bottom-medium { margin-bottom:20px !important }
.margin-bottom-large { margin-bottom:30px !important }
.margin-bottom-xlarge { margin-bottom:50px !important }

@media screen and (max-width: 767px) 
{
    .margin-top-xs-xlarge { margin-top:50px !important }
	.margin-top-xs-large { margin-top:30px !important }
    .margin-top-xs-medium { margin-top:20px !important }
    .margin-top-xs-small { margin-top:10px !important }
    .margin-top-xs-zero { margin-top:0px !important }
    
    .margin-bottom-xs-xlarge { margin-bottom:50px !important }
	.margin-bottom-xs-large { margin-bottom:30px !important }
    .margin-bottom-xs-medium { margin-bottom:20px !important }
    .margin-bottom-xs-small { margin-bottom:10px !important }
    .margin-bottom-xs-zero { margin-bottom:0px !important }
}
@media screen and (min-width: 768px) and (max-width: 991px)
{
    .margin-top-sm-xlarge { margin-top:50px !important }
	.margin-top-sm-large { margin-top:30px !important }
    .margin-top-sm-medium { margin-top:20px !important }
    .margin-top-sm-small { margin-top:10px !important }
    .margin-top-sm-zero { margin-top:0px !important }
    
    .margin-bottom-sm-xlarge { margin-bottom:50px !important }
	.margin-bottom-sm-large { margin-bottom:30px !important }
    .margin-bottom-sm-medium { margin-bottom:20px !important }
    .margin-bottom-sm-small { margin-bottom:10px !important }
    .margin-bottom-sm-zero { margin-bottom:0px !important }
}
@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .margin-top-md-xlarge { margin-top:50px !important }
	.margin-top-md-large { margin-top:30px !important }
    .margin-top-md-medium { margin-top:20px !important }
    .margin-top-md-small { margin-top:10px !important }
    .margin-top-md-zero { margin-top:0px !important }
    
    .margin-bottom-md-xlarge { margin-bottom:50px !important }
	.margin-bottom-md-large { margin-bottom:30px !important }
    .margin-bottom-md-medium { margin-bottom:20px !important }
    .margin-bottom-md-small { margin-bottom:10px !important }
    .margin-bottom-md-zero { margin-bottom:0px !important }
}
@media screen and (min-width: 1200px)
{
    .margin-top-lg-xlarge { margin-top:50px !important }
	.margin-top-lg-large { margin-top:30px !important }
    .margin-top-lg-medium { margin-top:20px !important }
    .margin-top-lg-small { margin-top:10px !important }
    .margin-top-lg-zero { margin-top:0px !important }
    
    .margin-bottom-lg-xlarge { margin-bottom:50px !important }
	.margin-bottom-lg-large { margin-bottom:30px !important }
    .margin-bottom-lg-medium { margin-bottom:20px !important }
    .margin-bottom-lg-small { margin-bottom:10px !important }
    .margin-bottom-lg-zero { margin-bottom:0px !important }
}

/* Vertical padding
----------------------------------------------------------------------------------------------------*/

.padding-top-zero { padding-top:0px !important }
.padding-top-small { padding-top:10px !important }
.padding-top-medium { padding-top:20px !important }
.padding-top-large { padding-top:30px !important }
.padding-top-xlarge { padding-top:50px !important }

.padding-bottom-zero { padding-bottom:0px !important }
.padding-bottom-small { padding-bottom:10px !important }
.padding-bottom-medium { padding-bottom:20px !important }
.padding-bottom-large { padding-bottom:30px !important }
.padding-bottom-xlarge { padding-bottom:50px !important }

@media screen and (max-width: 767px) 
{
    .padding-top-xs-xlarge { padding-top:50px !important }
	.padding-top-xs-large { padding-top:30px !important }
    .padding-top-xs-medium { padding-top:20px !important }
    .padding-top-xs-small { padding-top:10px !important }
    .padding-top-xs-zero { padding-top:0px !important }
    
    .padding-bottom-xs-xlarge { padding-bottom:50px !important }
	.padding-bottom-xs-large { padding-bottom:30px !important }
    .padding-bottom-xs-medium { padding-bottom:20px !important }
    .padding-bottom-xs-small { padding-bottom:10px !important }
    .padding-bottom-xs-zero { padding-bottom:0px !important }
	
	.text-xs-center { text-align:center !important }
}
@media screen and (min-width: 768px) and (max-width: 991px)
{
    .padding-top-sm-xlarge { padding-top:50px !important }
	.padding-top-sm-large { padding-top:30px !important }
    .padding-top-sm-medium { padding-top:20px !important }
    .padding-top-sm-small { padding-top:10px !important }
    .padding-top-sm-zero { padding-top:0px !important }
    
    .padding-bottom-sm-xlarge { padding-bottom:50px !important }
	.padding-bottom-sm-large { padding-bottom:30px !important }
    .padding-bottom-sm-medium { padding-bottom:20px !important }
    .padding-bottom-sm-small { padding-bottom:10px !important }
    .padding-bottom-sm-zero { padding-bottom:0px !important }
	
	.text-sm-center { text-align:center !important }
}
@media screen and (min-width: 992px) and (max-width: 1199px)
{
    .padding-top-md-xlarge { padding-top:50px !important }
	.padding-top-md-large { padding-top:30px !important }
    .padding-top-md-medium { padding-top:20px !important }
    .padding-top-md-small { padding-top:10px !important }
    .padding-top-md-zero { padding-top:0px !important }
    
    .padding-bottom-md-xlarge { padding-bottom:50px !important }
	.padding-bottom-md-large { padding-bottom:30px !important }
    .padding-bottom-md-medium { padding-bottom:20px !important }
    .padding-bottom-md-small { padding-bottom:10px !important }
    .padding-bottom-md-zero { padding-bottom:0px !important }
	
	.text-md-center { text-align:center !important }
}
@media screen and (min-width: 1200px)
{
    .padding-top-lg-xlarge { padding-top:50px !important }
	.padding-top-lg-large { padding-top:30px !important }
    .padding-top-lg-medium { padding-top:20px !important }
    .padding-top-lg-small { padding-top:10px !important }
    .padding-top-lg-zero { padding-top:0px !important }
    
    .padding-bottom-lg-xlarge { padding-bottom:50px !important }
	.padding-bottom-lg-large { padding-bottom:30px !important }
    .padding-bottom-lg-medium { padding-bottom:20px !important }
    .padding-bottom-lg-small { padding-bottom:10px !important }
    .padding-bottom-lg-zero { padding-bottom:0px !important }
	
	.text-lg-center { text-align:center !important }
}