/*======================================
Theme Name: Studio M Salon and Spa
Theme URI: https://divicake.com/
Description: DIVI Child Theme for StudioM Salon and Spa
Version: 1.0
Author: TamaraHalstead.com
Author URI: https://tamarahalstead.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
/*GLOBAL STYLES*/
body {overflow-x: hidden;}

.et_pb_text_0 h2 {padding-bottom: 0;}
.logo_container {top: -35%;}

.pg-header {padding-bottom: 0; background-color: rgba(255,255,255,.9)!important;}
.pg-header h2,
.pg-header h2 span {font-size: 38px!important; letter-spacing: 6px;}

/*HEADER*/
#top-header .container {padding-top: 10px;}
.et_non_fixed_nav.et_fullwidth_nav.et_header_style_left .logo_container {padding-left: 40px;}

/*MENU*/
.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_split #et-top-navigation nav > ul > li > a {padding-bottom: 30px;}



@media only screen and (min-width:800px) and (max-width:980px) {
	
}

@media only screen and (max-width:980px) {
	.et_non_fixed_nav.et_fullwidth_nav.et_header_style_left .logo_container {padding-left: 0;}
	#logo {max-height: 74%;}
	
	.staff-row .et_pb_module {max-width: 328px; margin: 0 auto;}
}

@media only screen and (min-width:481px) and (max-width:767px) {
	.pg-header h2,
	.pg-header h2 span {font-size: 28px!important;}
}

@media only screen and (max-width:767px) {
	#et-info {padding-top: 0; padding-bottom: 24px;}
	.pckg-row.et_pb_row_3.et_pb_row,
	.pckg-row.et_pb_row_4.et_pb_row {margin-right: inherit!important; margin-left: inherit!important;}
}

@media only screen and (max-width:480px) {
	.pg-header h2,
	.pg-header h2 span {font-size: 24px!important;}
}