@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%; dsiplay: 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-docoration: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-buttom: 5px; margin-right: 5 px; 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 {display: inline-block; position: relative; top: 1px;}*/

        #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%;}

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

        #sidebar-column1 {width:100%; margin-top: 0px; margin-bottom:10px; padding-bottom: 10px; position: relative; top: 146px;}

        #sidebar-column1 > p {color:#191919; text-align: center}

        #contact-form {width: 50%; margin: auto}

        #myForm {width: 100%; background: #e6e6e6; padding: 15px 0px 15px 0px; border: 2px solid #666666; font-family: helvetica; font-size: 14px; font-weight: normal; margin-top: 0px;}

        .form-input {width: 96%; margin-left: 2%;  margin-bottom: 5px;}

        .form-input-top {width: 96%; margin-left: 2%; background: #666666; color: #ccc; font-weight: bold;}

        textarea {height: 150px;}

        #buttons {margin: auto; width: 25%; display: flex; justify-content: space-around;}


        #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;}


        #fb-like {display: flex; justify-content:center; margin-bottom: 5px; position: relative; top: 0px;}

        #like_button_wrapper {margin-top: 0px; margin-right: 10px;}

        

        body {
            /*background-image:url("verdenskort2.jpg");*/
            opacity: 1;
            background-repeat: no-repeat;
            /*padding-top:20px;*/

        }
        /* 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: 
           
            
        }

        .message {
            margin-top: 7px;
            font-family: arial;
            font-size: 12px; 
            text-align: center;
            padding-left: 0px;
            padding-right: 0px;
          }  

          .message.success { background-color: lightgreen; border: 1px solid #666666; color: #666666;}
          .message.error { background-color: red; border: 1px solid lightgrey; color: white; }

    @media only screen and (max-width: 675px) {
                .no-mobile {
                    display: block;
                    font-family: helvetica;
                    font-weight: bold;
                    font-size: 20px;
                    color: red;
                    margin: 150px 4px 0px 4px;
                    text-align: center;
                    border: 2px solid black;
                }
                #content {
                    display: none;

                }
                .mobile-header {
                    display: block;
                    width: 100%;
                    height: 30px;
                    background-color: black;
                    margin-top: 0px;
                }
                #mobile-header a, #mobile-header {
                    color: #f6f6f6;
                    font-family: arial; 
                    font-size: 12px;
                    text-align: center;
                    text-decoration: none;
                    font-weight: lighter;
                    margin: auto;
                    padding-top: 6px;
                }   
            }

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

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


                #main-page {
                    flex-direction: column;
                    align-items: flex-start;
                    justify-content: flex-start;
                }

                #column2 {
                    margin-top: 0px;
                }

                .guide {display: none;}
            }

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

            }