.main-content {
    width: 330px;
}
.logo {
    width: 700px;
    max-width: 700px;
    height: 160px;
    object-fit: contain;
}
.squareimage {
	width: 330px;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 600px)  {
    .hide-mobile {
        display: none;
    }
    .inner-table tr {
        display: block;
    }
    td.hide-mobile {
        display: none !important;
        width: 0 !important;
        max-width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    .inner-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }	

    .squareimage {
        width: 100%;
        max-width: 100%;
        height: auto;
    }	
	
    tr.hide-mobile {
        display: none !important;
    }

    .main-content {
        width: 100% !important;

    }
	
    .logo {
		width: 100%;
        height: 120px;
    }
	.outer-table {
        width: 100% !important;
    }
}

.mobile-menu {
    display: none;
}

.mobile-nav {
    display: none;
}

.mobile-nav.show {
    display: block;
}

@media screen and (max-width: 600px)  {

    .hide-mobile {
        display: none !important;
    }

    .mobile-menu {
        display: block;
        width: 100%;
        background-image: url("images/buttons/btn_shade.jpg");
        background-repeat: repeat-x;
        min-height: 41px;
    }

    .hamburger {

		font-size: 35px;
		line-height: 41px;
		text-align: center;
		color: #000080;
		cursor: pointer;
		 padding-right: 15px;
    }

    .mobile-nav {
        background: none;
    }

    .mobile-nav a {
        display: block;
        padding: 10px;
        color: #FFFFFF !important;;
        background-color: #000080;
        text-decoration: none;
        font-size: 17px;
        border-top: 1px solid #888888;
    }

}