/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


h1, h2, h3, h4{
	font-family: 'Playfair Display', serif;
	word-break: normal;
	word-wrap: normal;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 500;
    color: #000;
}

#main-footer {
  background-color: #222222;
  display: none !important;
}

#headerWrap {
    background-position: top;
    position: relative;
}

	#headerWrap .et_pb_text_inner {
	    position: relative;
	    min-height: 400px;
	}
		
		#headerWrap h1 {
		    position: relative;
		    margin-bottom: 2%;
		    font-weight: 900;
		    font-size: 144px;
		}
		
		#headerWrap h3 {
		    font-size: 42px;
		    font-family: 'Montserrat', sans-serif !important;
		    font-weight: 400;
		}
		
	
#midWrap {
    min-height: 1200px;
    background-position: bottom;
    padding-top: 200px;
}

	#midWrap h2, #aboutWrap h2 {
	    font-size: 48px;
	    position: relative;
	    margin-bottom: 2%;
	    font-weight: 700;
	}
	
	#aboutWrap .et_pb_column.et_pb_column_1_2.et_pb_column_6.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#footerWrap p {
    font-size: 15px;
    line-height: 1.5;
    position: relative;
}


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

#headerWrap .et_pb_column {
    width: 100%;
    margin-bottom: 30px;
    display: grid;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#headerWrap .et_pb_image .et_pb_image_wrap {
    display: grid;
    position: relative;
    max-width: 100%;
    place-content: center;
}

#headerWrap h3 {
    font-weight: 800;
    text-align: center !important;
    font-family: 'Playfair Display', serif !important;
}

#headerWrap .et_pb_text_inner {
    position: relative;
    min-height: 100px;
}

#headerWrap h1 {
    font-size: 100px;
}

#midWrap {
    min-height: 1200px;
    background-position: bottom;
    padding-top: 0;
}

}