﻿body {
}
.logo img 
{
width: 100%; /*Force IE10 and below to size SVG images correctly*/
max-width: 100%;

}

@media (max-width:480px) 
{ 
.logo img
    {
     display:none;
    width: 70%; /*Force IE10 and below to size SVG images correctly*/
    height:70%;
    max-height:70% !important;
    max-width: 70% !important;
    }
}

@media (max-width:400px)
 { 
.logo img 
    {
    display:none;
    width: 75%; /*Force IE10 and below to size SVG images correctly*/
    max-width: 75%;
     height:75%;
    max-height:75% !important;
    }
}

@media (max-width:385px)
 { 
.logo img
     {
    width: 70%; /*Force IE10 and below to size SVG images correctly*/
    max-width: 70%;
     height:70%;
    max-height:70% !important;
    }
}

@media (max-width:345px)
 { 
.logo img 
    {
    width: 65%; /*Force IE10 and below to size SVG images correctly*/
    max-width: 65%;
     height:65%;
    max-height:65% !important;
    }
}

@media (max-width:335px)
 { 
.logo img
 {
    width: 60%; /*Force IE10 and below to size SVG images correctly*/
    max-width: 60%;
     height:60%;
    max-height:60% !important;
    }
}

@media (max-width:325px) 
{ 
.logo img 
    {
    width: 55%; /*Force IE10 and below to size SVG images correctly*/
    max-width: 55%;
     height:55%;
    max-height:55% !important;
    }
}

@media (max-width:315px) 
{ 
.logo img 
    {
    width: 50%; /*Force IE10 and below to size SVG images correctly*/
    max-width: 50%;
     height:50%;
    max-height:50% !important;
    }
}
@media only screen and (min-width: 769px) 
{
    .fullscreen 
    {
	    display: inline-grid;
        }
    .fullscreenrow 
    {
	    display: table-row;
        }
    .smallscreen 
    {
	    display: none !important;
        }
    .smallscreenrow 
    {
	    display: none !important;
        }
    .mobileHome, .mobileBanner, .mobileButtons
     {
	display: none !important;
        }

}
@media only screen and (min-width: 768px) 
{
    .fullscreen {
	    display: inline-grid;
        }
    .fullscreenrow {
	    display: table-row;
        }
    .smallscreen {
	    display: none !important;
        }
    .smallscreenrow {
	    display: none !important;
        }
    .mobileHome, .mobileBanner, .mobileButtons {
	display: none !important;
}

}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {

    .fullscreen {
        display: inline-grid;
    }

    .fullscreenrow {
        display: table-row;
    }

    .smallscreen {
        display: none !important;
    }

    .smallscreenrow {
        display: none !important;
    }

    .mobileHome, .mobileBanner, .mobileButtons {
        display: none !important;
    }
}

    /* ----------- Retina Screens ----------- */
    @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {

        .fullscreen {
            display: inline-grid;
        }

        .fullscreenrow {
            display: table-row;
        }

        .smallscreen {
            display: none !important;
        }

        .smallscreenrow {
            display: none !important;
        }

        .mobileHome, .mobileBanner, .mobileButtons {
            display: none !important;
        }
    }

    @media (max-width:480px) {

        .fullscreen {
            display: inline-grid;
        }

        .fullscreenrow {
            display: table-row;
        }

        .smallscreen {
            display: none !important;
        }

        .smallscreenrow {
            display: none !important;
        }

        .mobileHome, .mobileBanner, .mobileButtons {
            display: none !important;
        }
    }
    .smallscreen {
        display: inline-grid !important;
    }

    .smallscreenrow {
        display: table-row !important;
    }

    .mobileBanner {
        display: table-cell !important;
        padding: 5px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        vertical-align: middle !important;
        text-align: center !important;
    }

    #countybannermobile {
        display: block;
        margin: auto !important;
        margin-left: 0px !important;
        width: 70%;
        max-width: 300px !important;
        min-width: 10px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
