/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––
- General Content
- Typography
- Header & Navigation
- Images & Media
- Footer
- Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */

/* General Content
–––––––––––––––––––––––––––––––––––––––––––––– */
.main{padding-top:3%;}
.row{padding: 1% 0;}
.boja{background-color:#4b4c4f;}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––– */
@font-face {
    font-family: 'fontEllo';
  src: url('../fonts/fontello.eot'); /* IE9 Compat Modes */
  src: url('../fonts/fontello.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/fontello.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/fontello.woff') format('woff') /* Pretty Modern Browsers */

}

body{
	font-family: 'Open Sans',sans-serif;
	font-size: 1.4em;
	color: #000;
}
h2{
	font-family: 'Open Sans', cursive;
	font-size: 3rem;
	margin: 0.67em;
	margin-left:0px;
	margin-right: 0px; 
}
h2.bio{color:#aaa;}
p.bio{color: #999;}

/* Header & Navigation
–––––––––––––––––––––––––––––––––––––––––––––– */
header.main_nav{
	padding: 1% 0;
	display: block;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000;
	background-color: rgba(76,76,76,1);
	border-bottom:1px solid #000;
}
.logo{
	margin: 5% auto;
	text-align: center;
}
.logo a{
	font-size: 3em;
	color: #fefefe;
	text-decoration: none;
	border: 3px solid #fefefe;
	text-transform: uppercase;
	padding: 2px 10px 0 10px;
	margin: 0;
}
.logo a:hover{
	background-color: #fff;
	color: #7accc8;
}
/* Images & Media
–––––––––––––––––––––––––––––––––––––––––––––– */
img{max-width: 100%;}
img.avatar{

	border: 3px solid #aaa;
}

/* Footer
–––––––––––––––––––––––––––––––––––––––––––––– */
ul.social{
	display: block;
	margin: 5% 0;
	list-style-type: none;
	text-align: center;
}
ul.social li{
	font-size: 3em;
	display: inline;
	padding: 0 2%;
}
ul.social li a{
	color: #666;
}



p.copyright{
	text-align: center;
	color: #666;
	font-style:oblique;
	letter-spacing:0.02em;
	font-weight:100;
	font-size: 1em;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––– */
/* Larger than mobile */
@media (max-width: 479px) {
	.logo a{font-size: 2em;}
	.main{padding-top:15%;}
	.portfolio img{margin-bottom: 10%;}
	img.avatar{margin-top: 15%;}
	h2.bio{font-size: 2.5em;}
	p.bio{font-size: 1.25em;color: #3f7f7c;}
	ul.social li a{font-size: .75em;}
}

.whole_width_section {
	color:#fff;
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background-image: url("../images/back.jpg");
	background-attachment:fixed;
	background-size:cover;
	background-position:bottom;
}

.whole_width_section_sec {
	color:#fff;
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background-image: url("../images/back2.jpg");
	background-attachment:fixed;
	background-size:cover;
	background-position:bottom;
}

.whole_width_section_third {
	color:#fff;
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	background-image: url("../images/back3.jpg");
	background-attachment:fixed;
	background-size:cover;
	background-position:bottom;
}



.whole_width_section_backgroundless {
	background-color:#fff;
	color:#444;
	width:100%;
	margin:0 auto;
	position:relative;
	padding-top: 110px;
	padding-bottom:110px;
	overflow:hidden;
}

.whole_width_section_lightgray{
	background-color: #f2f2f2;
	padding-top: 110px;
	padding-bottom: 150px;
}


.whole_width_overlay {
	background-color:rgba(140,69,69,0.55);
}


.row_main_text {
	text-align:left;
padding-top: 180px;
width: 500px;
max-width: 85%;
padding-bottom:200px;
	text-shadow:0px 0px 2px #999;

}

.row_main_text_special{
	padding-bottom:250px;
}


.row_main_text div {
	margin:0 auto;
	float:none;
}

.column_main_title {
	font-size:2.4em;
	font-weight:100;
	letter-spacing:0.03em;
	padding-bottom:10px;
}

.column_main_text {
	font-size:1.4em;
	font-weight:100;
	letter-spacing:0.04em;
	line-height:1.7em;
}


.list_in_header {
	margin:0px;
	list-style-type:none;
	padding:0px;
}

.list_in_header li {
	margin:0px;
	padding:0px;
	display:inline-block;
	float:right;
	color:#fff;
	padding-left:20px;
}

.list_in_header li  a{
	color:#fff;
}

.list_in_header .floated_left_link {
	float:left;
	padding-left:0px;
}

.home_link {
	font-size:1em;
	color:#fff;
	letter-spacing:0.02em;
}


.home_link:hover {
	font-size:1em;
	color:#fff;
	opacity:1;
}

.home_link h1 {
	font-size:1.1em;
	display:inline-block;
	margin:0px;
	letter-spacing:0.005em;
}

.home_link h5 {
	font-size:1.1em;
	display:inline-block;
	margin:0px;
	color:#999;
	letter-spacing:0.01em;
}

.boja_about_me {
	margin-top:100px;
	padding:80px 0px;
}

.row h3 {
	padding-top: 40px;
font-size: 1.3em;
margin-bottom: 0px;
	
}

.new_column {
	margin-left:0px;
}

.row .about_me_title {
	color:#fff;
	font-weight:900;
	margin:0px;
	padding-bottom:5px;
	letter-spacing:0.01em;
	padding-top:10px;	
}

.about_me_subtitle {
	color:#fff;
	font-weight:100;
	margin:0px;	
	letter-spacing:0.02em;
	padding-bottom:15px;
}
img.avatar  {
    border: 2px solid #AAA;
	box-sizing:border-box;
}


.contact_title {
	color:#444 !important;
}


.whole_width_section_pattern {
	background: url("../images/confectionary.png");
	padding: 80px 0px;
}

.columns .u-full-width {
	border-radius: 0px;
	border: 1px solid rgb(68, 68, 68);
	color:#444;
	margin-bottom:20px;
}


.columns label {
	color:#444;
	font-weight:900;
}

#exampleMessage {
	min-height: 140px;
}


.columns .button-primary{
    color: #FFF;
    background-color: #444 !important;
    border-color: #444 !important;
    font-family: Open Sans;
    font-weight: 900;
    border-radius: 0px;
    padding: 0px 50px;
    font-size: 1em;
    height: auto !important;
    margin-top: 10px;
}


.columns .button-primary:hover{
    color: #FFF;
    background-color: #444 !important;
    border-color: #444 !important;
}

.no_padding {
	padding:0px;
}

.main_button_in_site{
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #444;
	border-radius: 3px;
}


.get_involved_button{
	background: #fff;
color: #444;
}

.main_container_centered{
	text-align: center;
}


.title_elegant{
	font-weight: 100;
	margin-bottom: 80px;
}

.title_elegant b{
font-weight: 900;
text-decoration: underline;
}

.article_workshop{
width: 33.3333%;
float: left;
display: inline-block;
box-sizing: border-box;
padding: 10px 15px;
}

.article_our_images{
width: 25%;
float: left;
display: inline-block;
box-sizing: border-box;
padding: 10px 15px;
}

.image_of_workshop{
	width: 100%;
background: rgb(204, 204, 204) none repeat scroll 0% 0%;
position: relative;
margin: 0px;
margin-bottom: 25px;
background-size: cover;
background-position: center;
}


.image_of_workshop::before {
    content: "";
    display: block;
    padding-top: 60%;
}

.image_of_workshop_new::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.image_of_workshop_first{
	background-image: url("../images/first.jpg");
}

.image_of_workshop_sec{
	background-image: url("../images/sec.jpg");
}

.image_of_workshop_third{
	background-image: url("../images/third.jpg");
}


.image_of_workshop_n1{
	background-image: url("../images/001.jpg");
}

.image_of_workshop_n2{
	background-image: url("../images/002.jpg");
}

.image_of_workshop_n3{
	background-image: url("../images/003.jpg");
}

.image_of_workshop_s1{
	background-image: url("../images/eva.jpg");
}

.image_of_workshop_s2{
	background-image: url("../images/adriana.jpg");
}

.image_of_workshop_s3{
	background-image: url("../images/niki.jpg");
}
.image_of_workshop_s4{
	background-image: url("../images/hrco.jpg");
}



.figure_image_thing{
width: 12%;
background: #f4db8c;
float: left;
margin: 0px 5% 0px 0px;
position:relative;
}

.figure_image_thing img{
max-width: 100%;
position: absolute;
left: 0px;
top: 0px;
}

.how_to_help_text{
text-align: left;
float: left;
overflow: hidden;
width: 70%;
padding-bottom: 30px;
padding-right: 30px;
box-sizing: border-box;
}

.how_to_help_sec_text{
text-align: left;
float: left;
overflow: hidden;
width: 90%;
padding-bottom: 30px;
padding-right: 10px;
box-sizing: border-box;
}

.how_to_help_contain{
	overflow: hidden;
float: left;
width: 50%;
}


.figure_image_thing::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.video_contain{
	width: 50%;
	float: right;
}

.video_contain iframe{
	width: 100%;
	float: right;
}

.what_to_say{
	width: 550px;
	max-width: 95%;
margin: 0 auto;
padding-bottom: 50px;
}

.big_quote{
	width: 40px;
padding-bottom: 20px;
}

.find_us_now{
	float: left;
}

.third_part_footer{
	float: left;
	padding-right: 20px;
	box-sizing: border-box;
	overflow: hidden;
	width: 33.3333%;
	display: inline-block;
	text-align: left;
}

.third_part_footer .title_elegant{
margin-bottom:20px; 
width: 100%;
float: left;
}

footer{
	padding-top: 30px;
padding-bottom: 60px;
}


.quote_extra_small{
	width: 20px;
}

.send_email{
	border-radius: 0px !important;
width: 65%;
float: left;
border-right: 0px !important;
}


.button_send_email{
	float: left;
width: 35%;
}

.aside_copy{
	width: 90%;
	font-style: oblique;
	letter-spacing: 0.01em;
	padding: 20px 0px;
	box-sizing: border-box;
	text-align: left;
}

.instagram_pics{
	width: 30%;
	display: inline-block;
	float: left;
	border: 3px solid #f2f2f2;
	box-sizing: border-box;
	margin:0px;
	background-size: cover;
	background-position: center;
}

.instagram_pics::before {
    content: "";
    display: block;
    padding-top: 100%;

}

.instagram_pic1{
	background-image: url('../images/in1.jpg');
}

.instagram_pic2{
	background-image: url('../images/in2.jpg');
}

.instagram_pic3{
	background-image: url('../images/in3.jpg');
}

.instagram_pic4{
	background-image: url('../images/in4.jpg');
}

.instagram_pic5{
	background-image: url('../images/in5.jpg');
}

.instagram_pic6{
	background-image: url('../images/in6.jpg');
}

.instagram_pic7{
	background-image: url('../images/in7.jpg');
}

.instagram_pic8{
	background-image: url('../images/in8.jpg');
}

.instagram_pic9{
	background-image: url('../images/in9.jpg');
}




header{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10000;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0 0 4px #999;
}

.main_title_link{
	font-size: 0;
line-height: 0px;
padding: 0px;
margin: 0px;
}

.main_link_img{
	width: 130px;
}

.main_navigation ul li .main_link_href{
padding: 17px 0px 11px;
}
.main_navigation ul li .main_link_href:hover{
border-bottom: 3px solid transparent;
}
.main_navigation ul{
list-style-type: none;
max-width: 1280px;
margin: 0 auto;
}

.floated_right_links{
	float: right;
}


.main_navigation ul li{
display: inline-block;
margin: 0px;
}


.main_navigation ul li a{
text-decoration: none;
padding: 15px ;
display: inline-block;
box-sizing: border-box;
border-bottom: 3px solid transparent;
transition: border 300ms ease, color 300ms ease;
}

.main_navigation ul li a:hover{
border-bottom: 3px solid #ecc731;
color:#000;
}

.main_navigation ul li .active_link{
border-bottom: 3px solid #ecc731;
color:#000;
}

.main_navigation ul li a:active{
border-bottom: 3px solid #ecc731;
color:#000;
}

.education_list{
	text-align:center;
	margin:0 auto;
}

.main_centered_description{
	max-width: 90%;
    margin: 0px auto 30px;
}

.paragraph_max_width{
	max-width:90%;
}

.fontElloThing{
    font-family: "fontEllo";
    font-weight: 400;
    position: relative;
    color: #444;
    font-size: 2rem;
    text-decoration: none;
    padding-right: 8%;
    display: inline-block;
    float: left;
    transition: color 300ms ease;
}

.fontElloThing:hover{
    color: #ecc731;
}


.facebook::before {
    content: "\E823";
}

.instagram::before {
    content: "\E85D";
}


.twitter::before {
    content: "\E84B";
}

.pinterest::before {
    content: "\E829";
}

.blog::before {
    content: "\E85b";
}

.youtube_last::before {
    content: "\E81f";
}

.youtube_last {
        padding-right: 0;
}


.title_height{
min-height: 46px;}



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

.title_height2{
min-height: 46px;}

}


@media only screen and (max-width: 1281px){
	h1 {
    font-size: 4.5rem;
    font-weight: 900;
}

.row_main_text {
    padding-top: 150px;
    padding-bottom: 180px;
}



.main_navigation ul {
    list-style-type: none;
    max-width: 1055px;
    margin: 0 auto;
}

.floated_right_links{
	padding-right: 3px;
}

.button_send_email {
    width: 45%;
}

.send_email {
    width: 55%;
}

.button_send_email{
	padding: 0px;
}

}


@media only screen and  (max-width:1128px) {
	.main_navigation ul {
max-width: 95%;
}

.main_link_img {
    width: 100px;
}

.main_navigation ul li a {
    padding: 10px;
        font-size: 1.2rem;
}

.main_navigation ul li .main_link_href {
    padding: 12px 0px 8px;
}

.title_elegant {
    font-weight: 100;
    margin-bottom: 55px;
}

h2 {
    font-size: 2.3rem;
}

h4 {
    font-size: 1.25rem;
    margin-bottom: 10px;
}

body {
    font-size: 1.2em;
}


h6 {
    font-size: 1.2rem;
}


}



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

	.article_workshop {
    padding: 10px 10px;
}

	.article_our_images {
    padding: 10px 10px;
}
.container {
    width: 95%;
    padding: 0;
}

.how_to_help_text {
    width: 80%;
}

.how_to_help_text {
    padding-bottom: 5px;
}

.whole_width_section {
    background-attachment: initial;
}

.whole_width_section_sec  {
    background-attachment: initial;
}

}



@media only screen and (max-width: 840px){
body {
    font-size: 1.1em;
}

h6 {
    font-size: 1.1rem;
}

button{
	font-size: 10px;
}

.title_height {
    min-height: 69px;
}

.paragraph_height{
	min-height: 68px;
}
}


@media only screen and (max-width: 740px){
	.row_main_text {
    padding-top: 110px;
    padding-bottom: 130px;
}

.article_workshop {
    width: 75%;
    margin: 0px;
    float: none;
    margin-bottom: 30px;
}
.article_our_images {
    width: 75%;
    margin: 0px;
    float: none;
    margin-bottom: 30px;
}

.how_to_help_contain {
    overflow: hidden;
    float: none;
    width: 75%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.video_contain {
    width: 75%;
    float: none;
    margin: 0 auto;
}

.video_contain iframe{
	height: 275px;
}

.row_main_text {
    text-align: center;
}

.paragraph_max_width {
    max-width: 85%;
    margin: 0 auto 25px;
}

.row_main_text_special {
    margin: 0 auto;
}

.title_height2 {
    min-height: 0px;
}

.paragraph_height {
    min-height: 0px;
}

.title_height {
    min-height: 0px;
}

.how_to_help_sec_text {
    text-align: center;
    margin: 0 auto;
    float: none;
    padding-right: 0px;
}

.how_to_help_contain{
	text-align: center;
}

.how_to_help_text{
	text-align: center;
    float: none;
    margin: 0 auto;
    padding: 0px;
    padding-bottom: 30px;
}

.whole_width_section_backgroundless {
    padding-top: 60px;
    padding-bottom: 40px;
}

.whole_width_section_lightgray {
  
    padding-top: 60px;
    padding-bottom: 100px;
}

.find_us_now{
	float: none;
	margin:0 auto;
	margin-bottom: 30px;
}

.third_part_footer{
	    text-align: center;
    width: 75%;
    padding-right: 0px;
    margin: 0 auto;
    float: none;
}

.aside_copy{
	    margin: 0 auto;
    text-align: center;
}

.third_part_footer{
	    width: 75%;
    margin: 0 auto;
    text-align: center;
    float: none;
    margin-top: 30px;
}

.instagram_pics {
    width: 25%;
    display: inline-block;
    float: none;
}

.social_materials{
	    text-align: center;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.fontElloThing{
	float: none;
}

}

@media only screen and (min-width: 781px){
.menu_icon{
display: none;
}
}


@media only screen and (max-width: 780px){
.floated_right_links{
	padding-top: 20px;
	    width: 100%;
	    display: none;
	    	    padding-bottom: 35px;
}

.main_navigation ul li{
	width: 100%;
}

.main_navigation ul li a{
	width: 100%;
	text-align: right;
}


.main_navigation ul li .active_link {
    border-bottom: 2px solid #ecc731;
    color: #000;
    background: #f4db8c;
}


.menu_icon{
width: 22px;
float: right;
padding-top: 11px;
padding-bottom: 10px;
padding-left: 30px;
cursor: pointer;
display: inline-block;
transition:opacity 300ms ease;
}


.menu_icon:hover{
opacity: 0.6;
}

.main_navigation ul .main_link{
	width: auto;
float: left;
}

.main_navigation ul li .main_link_href{
	padding: 14px 0px 6px;
}

.floated_right_links_active{
	display: inline-block !important;
}

.floated_right_links{
	height: 100vh;
}


}


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

.row_main_text {
    max-width: 95%;
}

h1 {
    font-size: 3.5rem;
    font-weight: 900;
}

.article_workshop {
    width: 95%;
    margin: 0px;
    float: none;
    margin-bottom: 30px;
}
.article_our_images {
    width: 95%;
    margin: 0px;
    float: none;
    margin-bottom: 30px;
}

h3 {
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: -.1rem;
}

.how_to_help_contain {
    width: 95%;
}

.title_elegant {
    margin-bottom: 40px;
    padding-left: 5%;
    box-sizing: border-box;
    padding-right: 5%;
}

.figure_image_thing{
	text-align: center;
    margin: 0 auto;
    display: inline-block;
    float: none;
    margin-bottom: 12px;
        width: 50px;
}

.how_to_help_text {
    width: 95%;
}

.how_to_help_text h3{
	margin-bottom: 10px;
}

body {
    font-size: 1.2em;
}

.video_contain {
    width: 90%;
}

.video_contain iframe {
    height: 161px;
}





}