* {margin: 0; padding: 0;}

@font-face {
    font-family: 'hometownzregular';
    src: url('../fonts/hometownz_regular-webfont.woff2') format('woff2'),
         url('../fonts/hometownz_regular-webfont.woff') format('woff'),
         url('../fonts/hometownz_regular-webfont.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #475643;
}

svg{
    width: 55%;
    margin-left: 5%;
    
    
}

@media only screen 
    and (min-device-width: 320px)
    and (max-device-width: 375px) 
    and (-webkit-min-device-pixel-ratio: 1) {
        
        svg{width: 100%; margin: 0;}
}


@media only screen 
    and (min-device-width: 375px)
    and (max-device-width: 768px) 
    and (-webkit-min-device-pixel-ratio: 1) {
        
        svg{width: 100%; margin: 0;}
}

@media only screen 
    and (min-device-width: 768px)
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) {
        
        svg{width: 100%; margin: 0;}
}