/* Font */
@font-face{
    font-family: brushscript_bt;
    src: url(brushscript.ttf);

}

/* Body settings*/
body{
        margin: auto;
        }


/* Navigation Menu */
#menu{
        background: grey;
        width: 100vw;
        height: 5vw;
        position: fixed;
        }

/*Style for he mobile menu button*/
#mbtn{
        height: 10vw;
        width: 10vw;
        float: left;
        cursor: pointer;
        border: none;
        background: none;
        font-size: 5vw;
        }

/* Settings for Deugén text */
#textbox1{
        width: 16vw;
        height: 5vw;
        color: #ff0000;
        font-family: brushscript_bt;
        font-size: 3.5vw;
        float: left;
        }


/* Settings for Phone number */
#textbox2{
        width: 10.55vw;
        height: 2.5vw;
        float: left;
        font-family: brushscript_bt;
        font-size: 2vw;
        margin-left: 28.725vw;
        margin-right: 44.725vw;
        color: #ff0000;
        }


/*box to unite the link buttons*/
#buttonbox{
        height: 2.5vw;
        width: 84vw;
        }


/* Setting for link Buttons */
.btn{
        width: 16.8vw;
        height: 2.5vw;
        border-color: #ff0000;
        border: none;
        background: none;
        cursor: pointer;
        font-size: 2vw;
        font-family: brushscript_bt;
        float: left;
        }


/*Hover settings for link Buttons*/
.btn:hover{
        transition: 0.15s;
        border-bottom: inset 0.3vw #ff0000;
        }


/* Number in mobile only */
#textbox3{
        width: 37vw;
        height: 10vh;
        font-family: brushscript_bt;
        font-size: 7vw;
        float: left;
        margin-left: 6.5vw;
        margin-right: 6.5vw;
        }


/* Settings for the main content box */
#main{
        width: 100vw;
        height: calc(100vh - 5vw);
        margin-top: 5vw;
        font-family: sans-serif;
        }

/*Text and pictures settings*/

/*Picture 1*/
#p1{
        background-image: url(1.jpg);
        width: 100vw;
        height: 28vh;
        background-repeat: no-repeat;
        background-size: cover;
        }


h1{
        font-size: 3vw;
        }


#maintextbox{
        width: 65vw;
        height: auto;
        background: ;
        margin: auto;
        padding-left: 5vw;
        border: solid 0.01vw black;
        margin-bottom: 1.5vw;
        }


legend{
        font-size: 1.5vw;
        }


p{
        font-size: 1.2vw;
        }

h2{
        font-size: 1.75vw;
        }

#pnews{
        background-image: url(news.jpg);
        width: 25vw;
        height: 44vw;
        background-size: contain;
        background-repeat: no-repeat;
        float: left;
        margin-top: 1vw;
        }

#map{
        width: 100vw;
        height: 50vh;
        }

#picloc{
    background-image:url(loc.JPG);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100vw;
    height: 50vh;
    margin-top: 10vh;
    margin-bottom: 10vh;
}

/*Specific Computer settings*/
@media screen and (min-width: 1081px){


    /* Hide mobile button*/
        #mbtn{
                display: none;
                }


        /* Hide mobile text only */
        #textbox3{
                display: none;
                }


    /* Secures box position on computers */
        #buttonbox{
                float: left;
                }


        }


/* Mobile Settings*/
@media screen and (max-width: 1080px){


        /*Resizing the menu for phone use*/
        #menu{
                height: 10vw;
                left: 0vw;
                transition: left .5s;
                }


        /*Style for he mobile menu text*/
        #textbox1{
                height: 10vw;
                margin-left: 2vw;
                margin-right: 0vw;
                width: 35vw;
                font-size: 8vw;
                }


        /*Style for he mobile menu text*/
        #textbox2{
                height: 10vw;
                margin-left: 10.5vw;
                margin-right: 0vw;
                width: 42.5vw;
                font-size: 8vw;
                }


        /*Setting the settings for the button menu*/
        #buttonbox{
                background: grey;
                height: 100vh;
                width: 50vw;
                position: absolute;
                left: -50vw;;
                }


    /*Style for mobile link buttons*/
        .btn, btn:visited{
                background: grey;
                width: 50vw;
                height: 10vh;
                font-size: 7vw;
                border-bottom: solid 1vw red;
                }


        /* Settings for the main content box in mobile form */
        #main{
                margin-top: 10vw;
                height: calc(100vh - 10vw);
                transition: margin-left .5s;
                }

        /* Picture and text settings for mobile version*/

        h1{
                font-size: 6vw;
                }

        #maintextbox{
                width: 100vw;
                height: auto;
                background: ;
                margin: auto;
                padding-left: 2vw;
                border: none 0.01vw black;
                margin-bottom: 3vw;
                }


        legend{
                font-size: 4vw;
                }


        p{
                font-size: 3vw;
                 }

        h2{
                font-size: 4vw;
                }

        }