/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

        .pixfort_ecourse_8 .left_zone {width: 100%; padding-left: 0px; text-align: center; }
        .pixfort_ecourse_8 .video_style iframe {width: 100%;height: 240px;  margin-left: auto; margin-right: auto; }

        .pixfort_ecourse_8 .title_st, .pixfort_ecourse_8 .txt_st {width: 70%; padding-left: 0px;  margin-left: auto; margin-right: auto;  text-align:center }
        .pixfort_ecourse_8 .text_input,.pixfort_ecourse_8 .subtext_style  { text-align: center;   }
        .pixfort_ecourse_8 .segment {margin-left: auto; margin-right: auto;       }
        .pixfort_ecourse_8 .contact_st fieldset{//max-width: 90%;        }
        .pixfort_ecourse_8 .note_st {text-align: center; }

        .pixfort_ecourse_8 .text_zone{width:100%; left: 0px; margin-top: 0px; float: none;  }
        .pixfort_ecourse_8 .TT1, .pixfort_ecourse_8 .TT2 {text-align: center; }
        .pixfort_ecourse_8 .get_tut_btn a { float: none;     }
        .pixfort_ecourse_8 .picture_zone img {width:100%; float: none;     }

        .pixfort_ecourse_8 .feature_1, .pixfort_ecourse_8 .feature_2, .pixfort_ecourse_8 .feature_3 {background-size: 80%; }

        .pixfort_ecourse_8 .box_1 {margin-left: 20px;   padding-top: 10px; margin-bottom: 20px;}
        .pixfort_ecourse_8 .box_2 {margin-right: 20px;  padding-top: 10px; margin-bottom: 20px;}
        .pixfort_ecourse_8 .b_style {float: none; width: 100%; text-align: center; }
        .pixfort_ecourse_8 .txt_style { max-width: 100%; text-align: left; padding: 10px 10px; }

        .pixfort_ecourse_8 .rights_st {float: none;text-align: center;   }
        .pixfort_ecourse_8 .likes_st { margin: 0; padding-right: 0px;  padding-top: 25px; float: none; text-align: center; }
        .pixfort_ecourse_8 .socbuttons {text-align: center;  }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

        .pixfort_ecourse_8 .video_style iframe {width: 100%;height: 240px;  margin-left: auto; margin-right: auto; }

        .pixfort_ecourse_8 .text_input,.pixfort_ecourse_8 .subtext_style  {padding-left: 0px; padding-right: 0px; text-align: center;
                    width:100%;margin-left: auto; margin-right: auto;  }
        .pixfort_ecourse_8 .segment {margin-left: auto; margin-right: auto;       }

        .pixfort_ecourse_8 .contact_st fieldset{width: 90%;        }
        .pixfort_ecourse_8 .note_st {text-align: center; }

        .pixfort_ecourse_8 .text_zone{width:100%; left: 0px; margin-top: 0px; float: none;  }

        .pixfort_ecourse_8 .TT1, .pixfort_ecourse_8 .TT2 {text-align: center; }
        .pixfort_ecourse_8 .get_tut_btn a { float: none;     }
        .pixfort_ecourse_8 .picture_zone img {width:100%; float: none;     }

        .pixfort_ecourse_8 .box_1 {margin-left: 20px;   padding-top: 10px; margin-bottom: 20px;}
        .pixfort_ecourse_8 .box_2 {margin-right: 20px;  padding-top: 10px; margin-bottom: 20px;}
        .pixfort_ecourse_8 .b_style {float: none; width: 100%; text-align: center; }
        .pixfort_ecourse_8 .txt_style { max-width: 100%; text-align: left; padding: 10px 10px; }

        .pixfort_ecourse_8 .rights_st {float: none;text-align: center;   }
        .pixfort_ecourse_8 .likes_st { margin: 0; padding-right: 0px;  padding-top: 25px; float: none; text-align: center; }
        .pixfort_ecourse_8 .socbuttons {text-align: center;   }

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

        .pixfort_ecourse_8 .left_zone, .pixfort_ecourse_8 .title_st, .pixfort_ecourse_8 .txt_st {padding-left: 0px; text-align: center;      }

        .pixfort_ecourse_8 .video_style iframe {width: 100%;height: 240px; margin-left: auto; margin-right: auto; }

        .pixfort_ecourse_8 .text_input,.pixfort_ecourse_8 .subtext_style  {padding-left: 0px; padding-right: 0px; text-align: center;
                    width:100%;margin-left: auto; margin-right: auto;  }
        .pixfort_ecourse_8 .segment {margin-left: auto; margin-right: auto;       }

        .pixfort_ecourse_8 .contact_st fieldset{width: 90%;        }
        .pixfort_ecourse_8 .note_st {text-align: center; }

        .pixfort_ecourse_8 .logos_width img {max-width: 100%;  text-align: center;      }

        .pixfort_ecourse_8 .text_zone{width:100%; left: 0px; margin-top: 0px; float: none;  }
        .pixfort_ecourse_8 .TT1, .pixfort_ecourse_8 .TT2 {text-align: center; }
        .pixfort_ecourse_8 .get_tut_btn a { float: none;     }
        .pixfort_ecourse_8 .picture_zone img {width:100%; float: none;     }

        .pixfort_ecourse_8 .feature_1, .pixfort_ecourse_8 .feature_2 {margin-bottom: 20px; }

        .pixfort_ecourse_8 .box_1, .pixfort_ecourse_8 .box_2 {margin: 0px 20px;       padding-top: 10px; margin-bottom: 20px;}
        .pixfort_ecourse_8 .b_style {float: none; width: 100%; text-align: center; }
        .pixfort_ecourse_8 .txt_style { max-width: 100%; text-align: left; padding: 10px 10px; }

        .pixfort_ecourse_8 .rights_st {float: none;text-align: center;   }
        .pixfort_ecourse_8 .likes_st { margin: 0; padding-right: 0px;  padding-top: 25px; float: none; text-align: center; }
        .pixfort_ecourse_8 .socbuttons {text-align: center;  }

    }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

        .pixfort_ecourse_8 .htext_style{margin-right: 0px;        }

        .pixfort_ecourse_8 .left_zone, .pixfort_ecourse_8 .title_st, .pixfort_ecourse_8 .txt_st {padding-left: 0px; text-align: center;      }

        .pixfort_ecourse_8 .video_style iframe {width: 100%; height: 170px; margin-left: auto; margin-right: auto;}

        .pixfort_ecourse_8 .text_input {padding-left: 0px; padding-right: 0px; text-align: center;
                    width:100%;margin-left: auto; margin-right: auto;  }
        .pixfort_ecourse_8 .segment {margin-left: auto; margin-right: auto;       }

        .pixfort_ecourse_8 .contact_st fieldset{width: 90%;        }
        .pixfort_ecourse_8 .note_st {text-align: center; }

        .pixfort_ecourse_8 .logos_width img {max-width: 100%;  text-align: center;      }

        .pixfort_ecourse_8 .text_zone{width:100%; left: 0px; margin-top: 0px; float: none;  }
        .pixfort_ecourse_8 .TT1, .pixfort_ecourse_8 .TT2 {text-align: center; }
        .pixfort_ecourse_8 .get_tut_btn a { float: none;     }
        .pixfort_ecourse_8 .picture_zone img {width:100%; float: none;     }

        .pixfort_ecourse_8 .feature_1, .pixfort_ecourse_8 .feature_2 {margin-bottom: 20px; }

        .pixfort_ecourse_8 .box_1, .pixfort_ecourse_8 .box_2 {margin: 0px 20px;       padding-top: 10px; margin-bottom: 20px;}
        .pixfort_ecourse_8 .b_style {float: none; width: 100%; text-align: center; }
        .pixfort_ecourse_8 .txt_style { max-width: 100%; text-align: left; padding: 10px 10px; }

        .pixfort_ecourse_8 .rights_st {float: none;text-align: center;   }
        .pixfort_ecourse_8 .likes_st { margin: 0; padding-right: 0px;  padding-top: 25px; float: none; text-align: center;}
        .pixfort_ecourse_8 .socbuttons {text-align: center;  float: none;}
        .pixfort_ecourse_8 .soc_icons {float: none;text-align: center; }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/