@font-face{font-family:Caladea;src:url(../font/Caladea-Regular.ttf)}
body{margin:0;padding: 0}
section{width: 100%;position: relative;}
.blg-row{margin:0 auto;display: block;box-sizing: border-box;}
.blg-header, .blg-header-page{width: 100%;box-sizing: border-box;padding: 0 10%;background: #1a1a1a;position: relative;}
.blg-list{width: 100%;height: 100%;background: #f1f1f1;box-sizing: border-box;padding: 0 10%;border-top: 5px solid #ff9000;float: left;}
.blg-cnvas, .blg-cnvas-page{width:100%;height:100%;background: white;box-sizing: border-box;padding: 2% 4%;float: left;}
.carousel-inner img {width: 100%;}
.blg-txt, .blg-txt-page{position: absolute;box-sizing: border-box;top: 50%;right: 0;width: 70%;padding-right: 6%;padding-left: 2%;padding-top: 1%;padding-bottom: 1%;background: rgba(0,0,0,0.5);}
.blg-txt h1, .blg-txt-page h1{color: white;font-family: Caladea;font-weight: bold;font-size: 290%;text-shadow: 2px 2px 3px #000;}
.blg-txt p, .blg-txt-page p{color: white;font-size: 110%;}
.blg-txt a, .blg-txt-page a{color:#ff9000}
.blg-cnvas li{list-style: none;width: 30%;height: 45vh;box-sizing: border-box;border:1px solid #ccc;float: left;margin: 1% 1.65%;padding: .5%;transition: all .5s}
.blg-cnvas li img{width: 100%}
.blg-cnvas li a{color:black;}
.blg-cnvas li h2{font-size: 140%;font-weight: bold;text-align: center;transition: all .5s;margin-top: 3%;}
.blg-cnvas li p{text-align: justify;}
.blg-cnvas li a:hover{text-decoration: none;}
.blg-cnvas li:hover{background: #f1f1f1;}
.blg-cnvas li font{color:#ff9000}
.blg-header-page img{width: 100%}
.blg-list-page{width: 100%;background: #f1f1f1;box-sizing: border-box;padding: 0 10%;border-top: 5px solid #ff9000;}
.blg-txt-page{right:10%}
.blg-arrow{position: absolute;top: 0;left: 7%;font-size: 300%;}
.blg-arrow a{color: #ccc;transition: all .5s;}
.blg-arrow a:hover{color: white;text-decoration: none;}
.blg-cnvas-page p, .blg-cnvas-page ol{line-height: 150%;}
/*.blg-cnvas-page p{margin-bottom: 3%}*/
.blg-cnvas-page{font-size:120%;text-align: justify;}

@media(max-width:1440px){
    .blg-cnvas li h2 {font-size: 120%;}
    .blg-cnvas li {height: 50vh;}
}
@media(max-width:1366px){
    .blg-cnvas li h2 {font-size: 110%;}
    .blg-cnvas li {height: 55vh;}
}
@media(max-width:1280px){
    
}
@media(max-width:1024px){
    .blg-cnvas-page {font-size: 100%;}
    .blg-txt h1, .blg-txt-page h1 {font-size: 180%;}
    .blg-txt p, .blg-txt-page p {font-size: 100%;}
}
@media(max-width:800px){
    .blg-cnvas-page {font-size: 100%;}
    .blg-txt h1, .blg-txt-page h1 {font-size: 120%;}
    .blg-txt p, .blg-txt-page p {font-size: 70%;}
    .blg-cnvas li {width: 46%;}
    .blg-cnvas li {height: 115vh;}
    .blg-list {height: 0;}
}
@media(max-width:768px){
    .blg-cnvas-page {font-size: 100%;}
    .blg-txt h1, .blg-txt-page h1 {font-size: 120%;}
    .blg-txt p, .blg-txt-page p {font-size: 70%;}
    .blg-cnvas li {width: 46%;}
    .blg-cnvas li {height: 42vh;}
}
@media(max-width:640px){
    .blg-cnvas-page {font-size: 100%;}
    .blg-txt h1, .blg-txt-page h1 {font-size: 100%;}
    .blg-txt p, .blg-txt-page p {font-size: 70%;}
    .blg-cnvas li p{font-size: 70%;}
    .blg-cnvas li {width: 46%;height: 88vh;}
    .blg-list {height: 0;}
    .blg-txt, .blg-txt-page {top: 20%;}
    .blg-cnvas li h2 {font-size: 100%;}
}
@media(max-width:480px){
    .blg-cnvas-page {font-size: 100%;}
    .blg-txt h1, .blg-txt-page h1 {font-size: 100%;}
    .blg-txt p, .blg-txt-page p {font-size: 70%;}
    .blg-cnvas li p{font-size: 70%;}
    .blg-cnvas li {width: 46%;height: 88vh;}
    .blg-list {height: 0;}
    .blg-txt, .blg-txt-page {top: 20%;}
    .blg-cnvas li h2 {font-size: 100%;}
}
@media(max-width:420px){
    .blg-cnvas-page {font-size: 80%;}
    .blg-txt h1, .blg-txt-page h1 {font-size: 100%;}
    .blg-txt p, .blg-txt-page p {font-size: 70%;display: none;}
    .blg-cnvas li p{font-size: 70%;}
    .blg-cnvas li {width: 97%;height: 45vh;}
    .blg-list {height: 0;}
    .blg-txt, .blg-txt-page {top: 20%;}
    .blg-cnvas li h2 {font-size: 100%;}
    .blg-arrow {font-size: 200%;}
}
@media(max-width:390px){
    .blg-cnvas li {height: 35vh}
}
@media(max-width:360px){
  .blg-cnvas li {height: 50vh;}
  
}