@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}
     @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)}
     }