@font-face {
            font-family: 'Lucida Blackletter Regular';
            src: url("../../fonts/Lucida Blackletter Regular.ttf") format('truetype');
            }

      @font-face {
            font-family: 'Blackletter';
            src: url(../../fonts/BLACH___.TTF) format('truetype');
            }

        .no-mobile, .mobile-header {display: none;}

        #header {background: #666666; position: fixed; width: 100%; display: inline-flex; justify-content: space-between; align-items: center; z-index: 5;}

         .tablet_row, #header_tablet {display: none;}

        #header_ads {width: 25%; padding-top: 12px; padding-left: 10px; height: 80px; background-color:#666666;}

        #header_container {width: 65%; margin:0; height: 80px; background-color:#666666;}

        #header_image {width: 10%; padding-left: 5px; height:80px; background-color:#666666;}

        #header_image, #profile_image {
          float: right; padding: 1px 2px 0px 0px;
         }

        #header_title {-webkit-font-smoothing:antialiased;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out;font-family: Lucida Blackletter, 'Lucida Blackletter Regular', 'Blackletter', 'UnifrakturMaguntia'; text-decoration:none; font-weight:bold; font-size: 48px; text-align:center; text-shadow: 5px 5px 10px #191919;color: #FFFFFF; background-color:#666666; margin-left:0px; border-style:none; height:80px; z-index: 500; width: 100%;}

        #profile_image {margin-top: 5px; margin-bottom: 5px; margin-right: 5px; width: 70px; background-color: #666666;}

        .mobile-header {display: none;}

        #search {display: none; position: relative; top: 140px; left: 10px;}

        .guide p{text-align: center; font-size:18px; font-family: sans-serif; color: #999; margin-top: 15px;}


        #sogSearch {z-index: 0; position: relative; top: 80px; left: 50px;}

        #main-page {
            /*display: flex;
            justify-content: space-between;*/
            /*width: 100%;*/

        }

        #main-page-columns {display: flex; justify-content: space-between; width: 100%;}

        #main-page-column1 {width: 82%; margin-top: 20px; }

        #main-page-column2 {width: 18%;}

        #quick-access > #top {font-family: helvetica; font-size: 22px; font-weight: bold; color: red; text-shadow: 1px 1px #ccc;}

        #quick-access > #list {font-family: helvetica; font-size: 14px; font-weight: normal; color: #f6f6f6; line-height: 1.2; text-shadow: 3px -2px black;}

        #sidebar-column1 {width:17%; margin-top: 0px; margin-bottom:10px; padding-bottom: 10px; position: relative; top: 142px; margin-top: 8px; background-color: #666666; margin-left: 15px; border: 1px solid black; }


        #sidebar-column2 {width:70%; margin-top: 0px; margin-bottom:10px; padding-bottom: 10px; position: relative; top: 142px; padding-left: 30px;}

        #sidebar-column3 {}

        #welcome-header {font-family: helvetica; font-size: 24px; font-weight: bold; color: black}

        .welcome-bread {font-family: helvetica; font-size: 14px; font-weight: normal; color: black; line-height: 1.2rem}

        ul {list-style-type:circle; margin-left: 35px;}

        .welcome {background-color: white; font-family: helvetica; font-size: 16px; font-weight: bold; color: black;}



        #main-page-column1 > #slideshow { 
            position: relative;
            top:750px; 
            width: 100%; 
            
        }

        #main-page-column1 > #slideshow > div { 
            position: absolute; 
            top: 10px; 
            left: 10px; 
            right: 10px; 
            bottom: 10px; 
        }

        #main-page-column1 > #fb-like {display: block; position: relative; top: 650px; left: 350px;}
    


        #sidebar {width:100%; float: right; margin-top:0px; background-color:#666666; border-top: solid 1px #f6f6f6; border-left: solid 1px #f6f6f6; vertical-align: top; position: relative; top: 135px; margin-bottom: 200px;}

        

        body {
            opacity: 1;
            background-repeat: no-repeat;

        }
        /* unvisited link */
        a:link {
            color: ;
        }

        /* visited link */
        a:visited {
            color: ;
        }

        /* mouse over link */
        a:hover {
            color: red;
        }

        /* selected link */
        a:active {
            color: ;
        }


        h3 {
            margin-top: 0px;
            padding-top:0px;
            margin-bottom: 0px;
            margin-right: 10px;
            margin-left: 0px;
            color: #9F5584;
            font-weight: normal;
            font-family: Robotto, sans-serif ;
            font-size: 20px;
            text-align: left;
            
        }
        
        h4 {
            margin-top: 0px;
            padding-top:0px;
            margin-bottom: 0px;
            margin-right: 10px;
            margin-left: 0px;
            color: #f6f6f6;
            font-weight: normal;
            font-family: Robotto, sans-serif ;
            font-size: 18px;
            text-align: left;
            
        }


        h5 {
            margin-top: 0px;
            padding-top:0px;
            margin-bottom: 0px;
            margin-right: 0px;
            margin-left: 0px;
            color: #9F5584;
            font-weight: normal;
            font-family: Arial ;
            font-size: 15px;
            text-align: center;
            
        }

        p {
            color: #666666;
            font-weight: normal;
            font-family: Helvetica ;
            font-size: 14px;
            list-style: 
           
            
        }


    @media only screen and (max-width: 1200px) {

                #header_container, #header_title {
                  float: left;
                }

                #header_title {
                    width: 100%;
                }

                 #header_image, #profile_image {
                  float: right;
                  padding: 1px 2px 0px 0px;
                 }

                #main-page-column1 > #slideshow {top: 750px;}
                #main-page-column1 > #fb-like {top: 550px; bottom: 50px; left: 350px; padding-bottom: 15px;}

                #main-page-column2 {display: block;}
    }


    @media only screen and (max-width: 1000px) {

                 #main-page-column1 {width: 100%;}
                 #main-page-column2 {width: 0%;}
                 
    }           
                


    @media only screen and (max-width: 800px) {
                .header_row {
                  display: none;
                } 


                #main-page-column1 > #slideshow {display: block; top: 100px;}
                #main-page-column1 > #fb-like {top: 450px; left: 15px; padding-bottom: 15px;}

               #main-page-column2 {display: none;}


                .tablet_row {
                  background: #666666; position: fixed; width: 100%; display: flex; justify-content: space-between; align-items: center; z-index: 5;
                }


                #main-page-column1 {
                    width: 100%;
                    display: flex;
                    flex-direction: column;
                    align-items: space-around;
                    justify-content: space-around;
                }

                #sidebar-column1{
                    width: 25%;
                    margin: auto;

                }

                 #sidebar-column2{
                    width: 100%;
                    padding-top: 15px;

                }

    }



    @media only screen and (max-width: 570px) {

        #header_title {font-size: 24px;}

        #sidebar-column1 {width: 50%; top: 170px;}

        #sidebar-column2 {padding-top: 30px;}

    }