Error code on the woocommerce shipping page

I try changing the settings of the flat rate shipping and free shipping however the page hangs up and I went to the console and found this error

Mixed Content: The page at ‘https://www.kitgenie.com/wp-admin/admin.php?page=wc-settings&tab=shipping&zone_id=2’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://fonts.googleapis.com/css?family=Open+Sans:400,300’. This request has been blocked; the content must be served over HTTPS.

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

https://wordpress.org/plugins/woocommerce/