/* TABLETS - devices larger than 768px */

@media (min-width: 768px) {
    .container {
        width: 90%;
    }
}


/* DESKTOP - devices larger than 550px */

@media (min-width: 1024px) {
    .container {
        width: 85%;
    }
}


/* Overrides
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #555;
    padding-bottom: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #222;
}

h1 {
    font-size: 2.1rem;
}

@media screen and (min-width: 40em) {
    h1 {
        font-size: 3.1rem;
    }
}

h1 a,
h1 a:hover,
h1 a:visited {
    color:#555;
}

p {
    line-height: 1.7em;
}

.is-dropdown-submenu>li {
    text-align: left;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    border-color: #666 transparent transparent;
}

.is-dropdown-submenu {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    padding: 5px 0;
    margin-left:-28px;
}

ul li.has-submenu .dropdown {
        display:block;
        visibility: hidden;
        opacity: 0;
     /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    -webkit-transition-delay: 0.2s;
    /* Standard syntax */
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

hr {
    margin: .5rem auto;
    border-bottom: 1px solid #ececec;
}

footer {
    border-top:1px dotted #ddd;
    text-align:center;
    padding-top:.75rem;
    color:#888;
}
footer a {
    color:#888;
}

footer span {
    padding:0 10px;
    color:#ccc;
}



/* New Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.hero {
    margin: 1rem 0 0 0;
    text-align: center;
    text-align: center;
}

.hero h1 {
    font-family: 'Poiret One', cursive;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0;
    font-weight: bold;
}

.hero .emphasize {
    color: #CA106B;
}

.italic {
    font-style: italic;
}

.subtitle {
    color: #666;
    padding-bottom: 1rem;
    margin-bottom: .5rem;
    border-bottom: 1px dotted #ddd;
}

.subtitle {
    font-size: .9rem;
}

@media screen and (min-width: 40em) {
    .subtitle {
        font-size: 1.2rem; }
}

.current-month {
    font-size: 1.2rem;
    text-transform: uppercase;
}

.month a {
    color: #333;
}

@media screen and (min-width: 40em) {
    .month {
        margin-bottom: 1rem;
    }
}

.inactive a {
    color: #ccc;
}

.bloom {
    text-align: center;
    margin: 15px 0;
}

.thumb {
    margin-bottom: 10px;
}

.thumb img {
    width: 90%;
    height: 90%;
    border-radius: 5px;
    max-width: 270px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: margin-top 0.5s ease;
    transition: margin-top 0.5s ease;
}

.thumb a img:hover {
    -webkit-box-shadow: 0 5px 10px  rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 5px 10px  rgba(0, 0, 0, 0.4);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4); 
    }
.me { 
	margin-bottom:40px;
}

.me img {
		border-radius:15px;
}

.signature { 
	margin-top:40px;
}

#about p{
	font-size:18px;
}

@media screen and (min-width: 40em) {
    .thumb img {
        width: 100%;
        height: 100%;
    }
}

.scientific-name {
    font-size: .9em;
    font-style: italic;
    color: #999;
}

#about {
    margin-top:2em;
}

#about .row. .columns p.description {
	border:1px solid blue;
    max-width:700px;
}

footer {
    margin: 3.0rem 0;
    font-size: .9rem;
}

@media print {
    .large-up-4 > .column,
    .large-up-4 > .columns {
        width: 25%;
        float: left;
    }
    .large-up-4 > .column:nth-of-type(1n),
    .large-up-4 > .columns:nth-of-type(1n) {
        clear: none;
    }
    .large-up-4 > .column:nth-of-type(4n+1),
    .large-up-4 > .columns:nth-of-type(4n+1) {
        clear: both;
    }
    .large-up-4 > .column:last-child,
    .large-up-4 > .columns:last-child {
        float: left;
    }
    a[href]:after {
    content: none !important;
  }
}