h1 { font-family: 'Lato', sans-serif; font-size: 3.4em; margin: 0.5em 0; color: #f9b800; font-weight:300; letter-spacing:10px;}
h2 { font-family: 'Lato', sans-serif; font-size: 1.3em; margin: 0.83em 0; color: #000000; text-transform: uppercase; font-weight:300;letter-spacing: 1px;}
h3{font-family: 'Lora', serif; font-style:italic;font-weight:400; color:#000000;font-size:1.3em;padding-bottom:1em;}
h4{font-family: 'Lora', serif; font-style:italic;font-weight:700; color:#000000;font-size:1em;padding-bottom:1em;}
h5{ font-family: 'Lato', sans-serif; font-size: 2em; margin: 1em 0; color: #b18b1f; font-weight:300; letter-spacing:10px; text-align:center;}
h6{ font-family: 'Lato', sans-serif; font-size: 0.5em; margin: 0em 0em 2em 0em; color: #a25d00; font-weight:700; letter-spacing:0px; text-align:center;line-height:0px;}


ul { padding: 0 0 0 40px; margin: 1em 0; text-decoration:none;list-style: none;}
p { font-family: 'Lora', serif; font-weight:400;font-style:italic;color: #8c9398; word-spacing: 1px; line-height: 25px; font-size: 16px; }

h2::after { content: " "; border: solid 4px #fabf19; display: block; width: 45px; margin: 25px auto; }
h1.arrow { font-family: 'Lato', sans-serif; font-size: 15px; text-transform: uppercase; color: #353535; letter-spacing: 1px; background: url('../img/h1-bg.png') no-repeat center bottom; padding-bottom: 30px; font-weight: bold; }
ul.slides li{ margin-bottom: 20px; }

.col-md-3{margin-left:7%}

ul .slides-fruit li .col-md-3{    
    margin: 0 auto;
 }
	
ul .slides-fruit li .col-md-3 figcaption{	
	font-family:'Roboto',sans-serif;
    font-weight: 300;
    font-stretch: condensed;
    text-transform: uppercase;
	font-size:0.75em;
	line-height: 0.95em;}


.frase{   /*background-color: #ffffff;*/
font-family: "Droid ",serif;
font-size: 25px;
font-style: italic;
letter-spacing: 1px;
margin-top: 80px;
padding-top: 2em;
text-align: center;
font-weight: 700;}

.slides-cert{}


figcaption{font-family: 'Lora', serif; font-weight:700; color:#000000;font-size:0.8em;padding-bottom:1em;}
figcaption{ word-spacing: 1px; line-height: 25px;}


td,th{padding:0}

@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}

.table td,.table th{background-color:#fff!important}
.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}
.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


.text-center{text-align:center;}
ul,ol{margin-top:0;margin-bottom:10px;}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0;}


.col-md-4,.col-md-12,.col-md-5,.col-md-2,.col-md-3{position:relative;min-height:1px;padding-left:15px;padding-right:15px;margin-top: 20px;width: 100%;}
.col-md-2{padding:0px;}




@media (min-width:320px){
.frase{margin-top:-15px;  font-size:18px; padding-top:0;}
    }



@media (min-width:768px){
.frase{margin-top:20px; font-size:18px; }
#nav {margin-top:17px;}
}
@media (min-width:992px){
.col-md-4,.col-md-12,.col-md-5,.col-md-2,.col-md-3{float:left;}
.col-md-12{width:100%;}
.col-md-4{width:33.33333333%;}
.col-md-3{width:40%;}
.col-md-5{width:25%;bottom:2em;top:1em;margin-bottom: 2em;}
.col-md-2{width:50%;background-color:#fff7e4;height: 440px;}
.col-md-2 img{margin:0px;padding:0}
.col-md-2 p{width:100%;padding:2% 10% 29% 15%;}
.col-md-2 h4{width:100%;padding: 15% 0% 0%;}



#new .col-md-2{
background: /*url('images/bg-honey.jpg'),*/url('../images/beekeeping-club_03.jpg');
background-color: #637648;
height: 580px;
margin-top: 0px;
padding: 0px;
}

#new .col-md-2 img{margin:-20px; 
padding: 0px;
}    


#new .col-md-2 p{font-size: 19px;
    line-height: 30px;
    font-weight: 300;
    font-family: 'Lora', serif;
    font-style: italic;
    margin-top: 20px;
    padding: 0 3em;

}
#new .col-md-2 h1{
    font-family: 'Lato', sans-serif; font-size: 4em; margin: 0.5em 0; color: #afbda6; font-weight:200; letter-spacing:10px;
}

.frase{ margin-top:30px; font-size:20px;}
#nav {right:0;margin-top:15px;}
#logo {width:100%;}	
}
@media (min-width:1200px){/*
.col-md-4,.col-md-12,.col-md-5,.col-md-2,.col-md-3{position:relative;min-height:1px;padding-left:15px;padding-right:15px;margin-top: 20px;width: 100%;}
.col-md-2{padding-left:0px;}*/

.frase{ margin-top:30px;}
}
@media (min-width:1300px){
.frase{ margin-top:100px; font-size:23px;}
}