@media only screen and (max-width: 1285px) {
    body {
        margin: 0 100px;
    }
}


@media only screen and (max-width: 1135px) and (hover: none) {
    #ideals {
	display: none;
    }
}


@media only screen and (max-width: 1083px) {
    body {
        margin: 0 20px;
    }
    main {
	padding: 0 20px 2em;
    }
}

@media only screen and (max-width: 927px) {
    #ideals {
        display: none;
    }
}

@media only screen and (max-width: 902px) {
    main {
        padding: 0 1em 2em;
    }
    .text-justify {
        text-align: left;
    }
    #sidebar {
        margin-right: 0.5em;
    }
}

@media only screen and (max-width: 755px) {
    #location {
	display: none;
    }
    #location_mobile {
	display: block;
    }
}

@media only screen and (max-width: 700px) {
    #column_1,
    #column_1 p,
    #column_1 b {
	width: 100%;
	text-align: center;
    }
    #column_1 p {
	margin-top: 0.2em;
    }
    #contact_mobile,
    #links_mobile,
    #copyright_mobile,
    footer {
	display: block;
    }
    #contact_links,
    #links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    }
    #contact_mobile p,
    #links p {
	margin: 0 0 0.2em 0;
    }
    #contact_mobile {
	text-align: center;
	margin-top: 1em;
    }
    #links_mobile {
	text-align: center;
	margin-top: 1em;
    }
    #contact_links p,
    #links p {
	padding: 0 0.4em;
    }
    #copyright_mobile {
	text-align: center;
    }
    #column_2, #column_3 {
	display: none;
    }
    
}

@media only screen and (max-width: 675px) {
    #sidebar {
	display: none;
    }
}

@media only screen and (max-width: 500px) {
    main {
	padding: 0;
    }
}

@media only screen and (max-width: 485px) {
    #company {
	display: none;
    }
    #company_mobile {
        display: table;
        margin: 0 auto;
    }
    #company_mobile h1 {
	font-size: 1.8em;
        margin: 0;
    }
}