@charset "UTF-8";

 
    div#container{background:#fff}
    .page_margins { width: 90%;max-width: 1400px }
    h1 {font-size: 1.6rem; line-height: 120%}
    h2 {font-size: 1.4rem; line-height: 120%}
   a, a:visited {color: #427ab6}
    #logo img {width: 12vw; max-width: 110px;height: auto;margin-left: 6vw;}
    #topnav input {width: 20vw}
    #col3 {margin:20px 0 0 0}
    #col3_content {padding: 0;}
.subcolumns.single {width: calc(100% - 40px);margin: 0 20px}
    .subcolumns.praesi {padding: 20px 0;}
    .subcolumns.praesi.first {padding: 0 0 20px 0;}
    .subcolumns.praesi:nth-child(even) {background: #e2e3e8;}
    .subcolumns.praesi .c50l,.subcolumns.praesi .c50r, .subcolumns.final {width: calc(100% - 40px);margin: 20px}
    .subcolumns.praesi .picture {display:flex; justify-content: center; align-items: center }
    .subcolumns.praesi .picture img {width: 75%;max-width: 400px; align-self: center;}
    .subcolumns.praesi .picture a {border: 1px solid #666;}
     .subcolumns.praesi .picture a img {width: 360px; max-width: 100%;}

    div.twitter_div { width:calc(100% - 60px)}
    .c60l {width: 100%;}
    .btn {display:inline-block;border: 1px solid #888;border-radius: 2px;padding: 5px 10px;margin: 10px 0; color: #333!important}
.btn:hover {background: #427ab6; color: #fff!important}

.history {display:flex; justify-content: center;flex-direction: column-reverse}
.history>div {display:flex;flex-direction:column;padding: 20px 10vw 20px 20vw; width: calc(100% - 30vw);}
.history>div:nth-child(even) {background: #e2e3e8;flex-direction:column;}
.history>div>div {width: 100%;}
.history img {width: 270px; height: auto; border: 1px solid #bbb}

@media(min-width: 960px){
         .c60l {width: calc(100% - 320px)}
         #logo img {margin-left: 40px;}
         .subcolumns.praesi{padding: 60px 0;}
         .subcolumns.praesi .picture.martop_h1 {margin-top: 60px;}
    .subcolumns.praesi.first {padding: 10px 0 40px 0;}
         .subcolumns.praesi .c50l,.subcolumns.praesi .c50r {width: calc(50% - 100px);margin: 0}
         .subcolumns.praesi .c50l {margin-left: 100px;}
         .subcolumns.praesi .c50r {margin: 0 50px}
     .subcolumns.final {padding: 10px 12vw; width:calc(100% - 24vw)}
     .subcolumns.final.center {padding: 10px 6vw; width:calc(100% - 12vw)}
    .history {display:flex; justify-content: center;flex-direction: column-reverse}
.history>div {display:flex;flex-direction:row;align-items:center; padding: 20px 10vw 20px 10vw; width: calc(100% - 20vw);}
.history>div:nth-child(even) {background: #e2e3e8;flex-direction:row-reverse}
 .history>div>div {width: 70%;}
.history>div:nth-child(even)>div:nth-child(1) {width: 55%;}
.history>div:nth-child(odd)>div:nth-child(2) {width: 55%;}

     }