/*
	CSS - Skype.com
	MEDIAQUERIES
*/




/* Mobile 480 */


@media only screen and (max-width: 479px) {

	.content_img.noDesktop {
        margin: 0 -50% !important;
	}

	.content_img.noDesktop .fluidImage {
    	background-position: center top;
    	background-repeat: no-repeat;
    	background-size: auto auto;
	}
}


/* Mobile 768 */

@media handheld, only screen and (max-width: 767px) {


	section {
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 10px;
	    padding-right: 10px;
	    overflow: hidden;
	    position: relative;
	}

	.column {
	    margin-left: 10px;
	    margin-right: 10px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	.inside .column {
	    margin-bottom: 20px;
	    margin-top: 20px;
	}

	.outside .column {
	    margin-bottom: 20px;
	    margin-top: 20px;
	}

	.outside div:first-child .column {
	    margin-top: 0px;
	}

	.outside div:last-child .column {
	    margin-bottom: 0px;
	}

	.column.flush {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6 {
		float: none;
	    margin-bottom: 0px;
	    padding-bottom: 0px;
	}
	
	.grid_1.blueBackground .column,
	.grid_2.blueBackground .column,
	.grid_3.blueBackground .column,
	.grid_4.blueBackground .column,
	.grid_5.blueBackground .column,
	.grid_6.blueBackground .column {
		background-color: #00AFF0;
	}

	.clear {
	    margin-bottom: 20px;
	}


	/* Inside & Outside
	----------------------------------------------------------------------------------------------------*/

	.outside.divide_white,
	.outside.divide_light,
	.outside.divide_dark {
	    margin-left: -10px;
	    margin-right: -10px;
	}

	.inside.divide_white,
	.inside.divide_light,
	.inside.divide_dark {
	   padding-left: 0;
	   padding-right: 0;
	}

	.inside {
	    margin-left: 10px;
	    margin-right: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	}

	.inside.isMobileFullWidth {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
	}

	.inside.divide_white.isMobileFullWidth,
	.inside.divide_light.isMobileFullWidth,
	.inside.divide_dark.isMobileFullWidth {
	    padding-left: 0px;
	    padding-right: 0px;
	}


	/* Divides
	----------------------------------------------------------------------------------------------------*/

	.divide_white .column {
	    border-top: 1px solid #FFFFFF;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    margin-left: -20px;
	    margin-right: -20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.divide_light .column {
	    border-top: 1px solid #E4EEF2;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    margin-left: -20px;
	    margin-right: -20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.divide_dark .column {
	    border-top: 1px solid #C0DCE6;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    margin-left: -20px;
	    margin-right: -20px;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.inside.divide_white .grid_1:first-child .column,
	.inside.divide_white .grid_2:first-child .column,
	.inside.divide_white .grid_3:first-child .column,
	.inside.divide_white .grid_4:first-child .column,
	.inside.divide_white .grid_5:first-child .column,
	.inside.divide_white .grid_6:first-child .column,
	.inside.divide_light .grid_1:first-child .column,
	.inside.divide_light .grid_2:first-child .column,
	.inside.divide_light .grid_3:first-child .column,
	.inside.divide_light .grid_4:first-child .column,
	.inside.divide_light .grid_5:first-child .column,
	.inside.divide_light .grid_6:first-child .column,
	.inside.divide_dark .grid_1:first-child .column,
	.inside.divide_dark .grid_2:first-child .column,
	.inside.divide_dark .grid_3:first-child .column,
	.inside.divide_dark .grid_4:first-child .column,
	.inside.divide_dark .grid_5:first-child .column,
	.inside.divide_dark .grid_6:first-child .column {
	    border-top: none;
	}

	.outside.divide_white .grid_1:last-child .column,
	.outside.divide_white .grid_2:last-child .column,
	.outside.divide_white .grid_3:last-child .column,
	.outside.divide_white .grid_4:last-child .column,
	.outside.divide_white .grid_5:last-child .column,
	.outside.divide_white .grid_6:last-child .column {
	    border-bottom: 1px solid #FFFFFF;
	}

	.outside.divide_light .grid_1:last-child .column,
	.outside.divide_light .grid_2:last-child .column,
	.outside.divide_light .grid_3:last-child .column,
	.outside.divide_light .grid_4:last-child .column,
	.outside.divide_light .grid_5:last-child .column,
	.outside.divide_light .grid_6:last-child .column {
	    border-bottom: 1px solid #E4EEF2;
	}

	.outside.divide_dark .grid_1:last-child .column,
	.outside.divide_dark .grid_2:last-child .column,
	.outside.divide_dark .grid_3:last-child .column,
	.outside.divide_dark .grid_4:last-child .column,
	.outside.divide_dark .grid_5:last-child .column,
	.outside.divide_dark .grid_6:last-child .column {
	    border-bottom: 1px solid #C0DCE6;
	}

	.divide_white .grid_1,
	.divide_white .grid_2,
	.divide_white .grid_3,
	.divide_white .grid_4,
	.divide_white .grid_5,
	.divide_white .grid_6 {
	   border-left: none;
	   border-top: 1px solid #FFFFFF;
	}

	.divide_light .grid_1,
	.divide_light .grid_2,
	.divide_light .grid_3,
	.divide_light .grid_4,
	.divide_light .grid_5,
	.divide_light .grid_6 {
	   border-left: none;
	   border-top: 1px solid #E4EEF2;
	}

	.divide_dark .grid_1,
	.divide_dark .grid_2,
	.divide_dark .grid_3,
	.divide_dark .grid_4,
	.divide_dark .grid_5,
	.divide_dark .grid_6 {
	   border-left: none;
	   border-top: 1px solid #C0DCE6;
	}

	.divide_white .grid_1:first-child,
	.divide_white .grid_2:first-child,
	.divide_white .grid_3:first-child,
	.divide_white .grid_4:first-child,
	.divide_white .grid_5:first-child,
	.divide_white .grid_6:first-child,
	.divide_light .grid_1:first-child,
	.divide_light .grid_2:first-child,
	.divide_light .grid_3:first-child,
	.divide_light .grid_4:first-child,
	.divide_light .grid_5:first-child,
	.divide_light .grid_6:first-child,
	.divide_dark .grid_1:first-child,
	.divide_dark .grid_2:first-child,
	.divide_dark .grid_3:first-child,
	.divide_dark .grid_4:first-child,
	.divide_dark .grid_5:first-child,
	.divide_dark .grid_6:first-child {
	   border-top: none;
	}


	/* Lines
	----------------------------------------------------------------------------------------------------*/


	.line_white {
	   margin-left: 10px;
	   margin-right: 10px;
	}

	.line_light {
	   margin-left: 10px;
	   margin-right: 10px;
	}

	.line_dark {
	   margin-left: 10px;
	   margin-right: 10px;
	}

	.column .line_white,
	.column .line_light,
	.column .line_dark {
	   padding-top: 20px;
	   margin-top: 20px;
	}



	/* Images
	----------------------------------------------------------------------------------------------------*/

	.inside .content_img.no_padding {;
	    margin: -20px -20px 0;
		/*margin-top: 0px;*/
	}

	.outside .content_img.no_padding {;
	    margin: 0;
	}

	.content_img.noDesktop {
        margin: 0;
	}

	.content_img.noDesktop .fluidImage {
    	background-position: center center;
    	background-repeat: no-repeat;
    	background-size: 100% auto;
    	left: -50%;
    	top: 0;
    	position: static;
    	margin: 0 auto;
    	width: auto;
    	height: auto;
    	vertical-align: baseline;
	}


	/* Back to Top
	----------------------------------------------------------------------------------------------------*/

	.backToTop a {
	    bottom: 3px;
	}


	/* Spacers
	----------------------------------------------------------------------------------------------------*/


	.spacer_6 {
		margin-bottom: 4px
	}

	.spacer_12 {
		margin-bottom: 8px
	}

	.spacer_18 {
		margin-bottom: 12px
	}

	.spacer_24 {
		margin-bottom: 16px
	}

	.spacer_30 {
		margin-bottom: 20px
	}

	.spacer_36 {
		margin-bottom: 24px
	}

	.spacer_42 {
		margin-bottom: 28px
	}

	.spacer_48 {
		margin-bottom: 32px
	}

	.spacer_54 {
		margin-bottom: 36px
	}

	.spacer_60 {
		margin-bottom: 40px
	}


	/* Buttons
	----------------------------------------------------------------------------------------------------*/


	button.button,
		a.button,
		button.smallButton,
		a.smallButton {
			text-align: center;
			display: block;
			padding-right: 0;
			padding-left: 0;
			max-width: 480px;
    		/*width: 87.5%;*/
		}

		a.smallButton,
		a.button {
			display: block;
			margin: 0 auto;
		}

		button.smallButton,
		button.button {
			width: 100%;
		}

		a.smallButton.fixedButton,
		a.button.fixedButton,
		button.smallButton.fixedButton,
		button.button.fixedButton {
			max-width: 280px;
			width: 280px;
		}

		a.button.premiumSecondaryCta,
		a.button.secondaryCta,
		a.button.primaryNegativeCta,
		a.smallButton.premiumSecondaryCta,
		a.smallButton.secondaryCta,
		a.smallButton.primaryNegativeCta {
			padding-right: 0;
			padding-left: 0;
		}
		
		.button.iconRight,
		.smallButton.iconRight {
			padding-right: 0;
		}

		.button.iconLeft,
		.smallButton.iconLeft {
			padding-left: 0;
		}

}