/**
 * ===================================================================
 *  # v1.0 Main Stylesheet
 *  url: -
 * -------------------------------------------------------------------
 */
/**
 * ===================================================================
 * a. webfonts and iconfonts
 * -------------------------------------------------------------------
 */
@font-face {
	font-family: 'Conv_MyriadPro-Regular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/**
 * ===================================================================
 * b. base style overrides
 * -------------------------------------------------------------------
 */
html, body {
height: 100%;
}
body {
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
font-size: 16px;
line-height: 1.4;
color: #000;
}
/**
 * links
 */
a, a:visited {
	color: #e5272b;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}
a:hover, a:focus {
	color: #ff4f77;
	text-decoration: underline;
}

/**
 * typography
 */
h1, h2, h3, h4, h5 {
	color: #000;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 20px;
	text-rendering: optimizeLegibility;
	text-transform: uppercase;
}
h3, h4{
	margin-bottom: 10px;
}
h5, h6 {
	font-weight: bold;
	margin-bottom: 10px;
}

h1 {
	font-size: 30px;
	line-height: 1.25;
}
h2 {
	font-size: 26px;
	line-height: 1.35;
}
h3 {
	font-size: 22px;
	line-height: 1.5;
}
h4 {
	font-size: 16px;
	line-height: 1.70;
}
h5 {
	font-size: 14px;
	line-height: 1.75;
}

img{max-width:100%;}


/**
 * spacing
 */


/**
 * block grids paddings
 */



/**
 * ===================================================================
 * d. buttons
 * -------------------------------------------------------------------
 */



/**
 * ===================================================================
 * e. common styles
 * -------------------------------------------------------------------
 */
section {
	background: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
}




/**
 * ===================================================================
 * 01. header
 * -------------------------------------------------------------------
 */
header {

}



/**
 * ===================================================================
 * 2. footer
 * -------------------------------------------------------------------
 */
footer {

}


/**
 * ===================================================================
 * Responsive
 * -------------------------------------------------------------------
 */


@media only screen and (max-width:1024px) {
 
}
@media only screen and (max-width:768px) {
 
}
@media only screen and (max-width:640px) {
}

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

