@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');

@media all and (min-width: 1151px) {
	body	{
		font-family: 'Montserrat', sans-serif;
		background-color: #EEEEEE;
		margin: 0em;
		color: #000000;
	}
	
	#top	{
		background-color: #303030;
	}
	
        #topweather {
                position: absolute;
                top: 20px;
                left: 30vw;
                display: inline;
                overflow: hidden;
        }

        #topweather iframe {
                 -ms-transform: scale(0.35);
                 -moz-transform: scale(0.35);
                 -o-transform: scale(0.35);
                 -webkit-transform: scale(0.35);
                 transform: scale(0.35);

                 -ms-transform-origin: 0 0;
                 -moz-transform-origin: 0 0;
                 -o-transform-origin: 0 0;
                 -webkit-transform-origin: 0 0;
                 transform-origin: 0 0;
        }
	
	#toplogo	{
		padding-top: 1em;
		margin-left: 8.33%;
		float: left;
	}

        #toplogo img    {
                height: 70px;
                border: none;
        }

	#toplinks	{
		padding-top: 1.6em;
		margin-right: 8.33%;
		text-align: right;
		letter-spacing: 1px;
		font-weight: 600;
		font-size: 90%;
		color: #FFFFFF;
	}
	
	#toplinks a	{
		text-decoration: none;
		font-weight: 600;
		padding: 0em 2em;
		color: #FFFFFF;
	}

	#open a	{
		font-weight: 600;
		padding: 0em;
	}

        #mb_open        {
                display: none;
        }

	#pagehead	{
		max-height: 300px;
		background-color: #303030;
		width: 100%;
		text-align: center;
		overflow: hidden;
		line-height: 0em;
	}
	
	#pagehead img	{
		width: 100vw;
	}
	
	#main {
	        margin-left: 33vw;
		margin-top: 3em;
		margin-bottom: 3em;
		padding-right: 8.333vw;
	        color: #000000;
	        line-height: 1.5em;
	}
}
	
@media all and (max-width: 1150px) {
	body	{
		font-family: 'Montserrat', sans-serif;
		background-color: #EEEEEE;
		margin: 0em;
		color: #000000;
	}
	
        #top    {
                background-color: #303030;
        }

        #topweather {
                position: absolute;
                top: 20px;
                left: 30vw;
                display: inline;
                overflow: hidden;
        }

        #topweather iframe {
                 -ms-transform: scale(0.75);
                 -moz-transform: scale(0.75);
                 -o-transform: scale(0.75);
                 -webkit-transform: scale(0.75);
                 transform: scale(0.75);

                 -ms-transform-origin: 0 0;
                 -moz-transform-origin: 0 0;
                 -o-transform-origin: 0 0;
                 -webkit-transform-origin: 0 0;
                 transform-origin: 0 0;
        }

        #toplogo        {
                padding: 0.5em 0em;
                margin-left: 8.33%;
        }

        #toplogo img    {
                height: 50px;
                border: none;
        }

        #quicklinks     {
                display: none;
        }

        .search {
                display: none;
        }

        #open   {
                display: none;
        }

        #mb_open        {
                width: 100%;
                background-color: #A5AC43;
                color: #FFFFFF;
                font-weight: bold;
                display: block;
                padding: 0.75em 0em;
                text-align: center;
        }

        #toplinks a     {
                text-decoration: none;
                font-weight: 400;
                padding: 0em 2em;
                color: #FFFFFF;
        }

	#mb_open a	{
		font-weight: 600;
	}

	#pagehead	{
		max-height: 300px;
		background-color: #303030;
		width: 100%;
		text-align: center;
		overflow: hidden;
		line-height: 0em;
	}
	
	#pagehead img	{
		width: 100vw;
	}
	
	#main {
	        margin-left: 8.33vw;
		margin-top: 3em;
		margin-bottom: 3em;
		padding-right: 8.333vw;
	        color: #000000;
	        line-height: 1.5em;
	}
}