.main-content {
    width: 330px;
}
.logo {
    width: 650px;
    max-width: 650px;
    height: 155px;
    object-fit: fill;
}
.squareimage {
	width: 350px;
	xmax-width: 100%;
	height: auto;
}
.outer-table {
    background-color: #A0A1FD;
    border-radius: 20px;
    overflow: hidden;
    border-collapse: separate;
}

@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;
		object-fit: contain;
    }
	.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: right;
		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;
    }

}