/*orange #FE8300 blue "#11A7E8" purple (butterfly) #4D29B4*/
body {font-family: 'Roboto Condensed', sans-serif;}
img {max-width: 100%;}
article {width:90vw;margin:0 auto;}
.colthird h1, .colhalf h1{color:#FFF;font-weight: 500; font-size:2.5rem;line-height: 1.2; padding-right:0.5rem;opacity:0.9;text-shadow: 0px 4px 2px rgba(0,0,0,0.8);}
.colhalf h2{color:#11A7E8;font-weight: 500; font-size:1.2rem;line-height: 1.2;}
h1{color:#111;font-weight: 500; font-size:1.5rem;line-height: 1.2;margin:1rem 0;}
p {color:#111;font-size: 1.2rem;font-weight: 300;}
p a:link, p a:visited {color:#FE8300;underline:none;}
p a:hover {color:#4D29B4;}
.img-container-thirds {margin:2vh 0;display: flex; flex-wrap:wrap; gap: 3%;}
.img-container-halfs {margin:2vh 0;display: flex; flex-wrap:wrap; gap: 3%;align-items: center;justify-content: center;}
.colthird {width: 31%;position: relative;text-align: left;}
.colhalf {width: 48%;position: relative;text-align: left;}
.colthird img, .colhalf img {outline: 1px solid #fdfdfd; outline-offset: -10px;box-shadow: 0px 2px 6px rgba(0,0,0,0.8);}
.colthird p, .colhalf p {margin:2vh 0;}
.topleft {
position: absolute;
top: 1rem;
left: 1rem;
}
.lang a, .lang a:visited {color:#FE8300; text-decoration: none;margin-right:1rem;}
.lang a:hover {color:#4D29B4;}
footer {background:#111;color:#777!important;padding:3rem;text-align: center;margin-top:4vh;}
.inside_con{ padding:10px 0; min-height:300px;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
/*mobile styles*/
@media only screen and (max-width: 768px) {
 .img-container-thirds {margin:2vh 0;display: flex; flex-wrap:wrap; gap: 0;}
.img-container-halfs {margin:2vh 0;display: flex; flex-wrap:wrap; gap: 0;}
    
.colthird, .colhalf {width: 90%;margin:0 auto; position: relative;text-align: left;}   
    
.order1 { order: 1; }
.order2 { order: 2; }

}