/* ============================================================================
    BLOG
============================================================================ */
.blog-content {width:1200px;margin:0 auto;}
.blog-entires {width:100%;margin:0 auto;display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;}

.blog-def {width:580px;padding:0 0 40px 0;order:1;}
.blog-last {width:580px;padding:0 0 40px 0;order:1;margin-left:auto;}

.blog-entry-list-box{padding:0 0 60px 0}
.blog-entry-photo {width:100%;margin:0 auto;position:relative;}
.blog-entry-title {padding:15px 0 0 0;}
.blog-entry-title h2 {font-family: 'Montserrat', sans-serif;font-size: 18px;line-height:22px;font-weight: 600;}
.blog-photo-link {}
.blog-entry-date {font-size:12px;line-height:16px;padding:5px 0 0 0;}
.blog-entry-intro {padding:15px 0 0 0;}
.blog-title-link {color: #333;outline:none;text-decoration:none;}
.blog-title-link:hover {color: #ffbf34;outline:none;text-decoration:none;}

a.photoblog-hover {width:100%;height:100%;position: absolute;top:0;left:0;background-color: transparent;text-decoration:none;} 
a.photoblog-hover:hover {width:100%;height:100%;position: absolute;top:0;left:0;z-index:90;background: rgba(255, 255, 255, 0.3);text-decoration:none;} 

.blog-entry-intro ul {list-style: none;padding:20px 0 0 0;}
.blog-entry-intro li {padding-left: 1.3em;margin-bottom:15px;font-weight:400;}
.blog-entry-intro li:before {
  content: "\f101"; 
  font-family: 'icomoon';
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em; 
  font-weight:400;
  font-size:12px;
}

.blog-full-entry {padding:0 0 0 0;}
.blog-entry-button {
  padding:20px 0 0 0;
}

.blog-entry-i-title h1 {font-family: 'Montserrat', sans-serif;font-size: 36px;line-height:42px;font-weight: 600;}
.blog-entry-i-date {font-size:12px;line-height:16px;padding:10px 0 20px 0;}
.blog-entry-i-photo {width:100%;margin:0 auto;position:relative;padding:0 0 20px 0;}

/* =============================================================================
    RESPONSIVE
============================================================================= */
@media only screen and (min-width: 1180px) and (max-width: 1380px){
.blog-content {width:95%;max-width:1200px;margin:0 auto;}   

.blog-def {width:48%;}
.blog-last {width:48%;}

.blog-entry-title h2 {font-size: 24px;line-height:28px;}   
.blog-entry-i-title h1 {font-size: 24px;line-height:36px;}
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
.blog-content {width:95%;margin:0 auto;}   

.blog-def {width:48%;}
.blog-last {width:48%;}

.blog-entry-title h2 {font-size: 22px;line-height:28px;}   
.blog-entry-i-title h1 {font-size: 22px;line-height:28px;}  
}

@media only screen and (min-width: 768px) and (max-width: 959px){
.blog-content {width:95%;margin:0 auto;}   

.blog-def {width:48%;}
.blog-last {width:48%;}

.blog-entry-title h2 {font-size: 18px;line-height:28px;}   
.blog-entry-i-title h1 {font-size: 18px;line-height:28px;}  
}

@media only screen and (min-width: 480px) and (max-width: 767px){
.blog-content {width:95%;margin:0 auto;}   

.blog-def {width:95%;max-width:580px;margin:0 auto;}
.blog-last {width:95%;max-width:580px;margin:0 auto;}

.blog-entry-title h2 {font-size: 18px;line-height:28px;}   
.blog-entry-i-title h1 {font-size: 18px;line-height:28px;}  
}

@media only screen and (min-width: 320px) and (max-width: 479px){
.blog-content {width:95%;margin:0 auto;}   

.blog-def {width:95%;margin:0 auto;}
.blog-last {width:95%;margin:0 auto;}

.blog-entry-title h2 {font-size: 18px;line-height:28px;}
.blog-entry-i-title h1 {font-size: 18px;line-height:28px;} 
}