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

    #navbar #menu_icon {
        display: block;
    }

    #navbar nav {
        display: none;
        width: 100%;
        margin: 0 auto;
        background: #eee;
    }

    #navbar nav ul {
        width: 100%;
    }

    #navbar nav ul li {
        display: block;
        width: 100%;
        text-align: center;
    }

    #navbar nav ul li a {
        margin: 0;
        display: block;
        color: black;
        width: 96%;
        padding: 2%;
    }

}

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

    header {
        height: 400px;
    }

    header #slider {
        height: 400px;
    }

    header #slider .slide .opacity {
        height: 400px;
    }

    #navbar {
        width: 90%;
    }

    .alignment {
        width: 90%;
    }

    main {
        width: 90%;
        padding: 5%;
        margin-bottom: 30px;
    }

    main p {
        font-size: 1em;
    }

    main img {
        max-width: 100%;
    }

    main iframe {
        max-width: 100%;
    }

    main #photogallery .image {
        width: 28%;
    }

    main #photogallery .image:nth-child(3n) {
        margin-right: 0;
    }

    main #photogallery .image:nth-child(4n) {
        margin-right: 2%;
    }

    main #photogallery .image:nth-child(12) {
        margin-right: 0;
    }

    footer #footer_information .box {
        width: 96%;
        padding: 1%;
    }

    footer #footer_information .box:nth-child(3n) {
        width: 96%;
        padding: 1%;
    }

    footer #footer_information .box:first-child {
        margin-top: 30px;
    }

}

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

    header {
        height: 250px;
    }

    header #slider {
        height: 250px;
    }

    header #slider .slide .opacity {
        height: 250px;
    }

    main {
        margin-top: -50px;
    }

    main img {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    main #photogallery .image {
        width: 45%;
    }

    main #photogallery .image:nth-child(3n) {
        margin-right: auto;
    }

    main #photogallery .image:nth-child(4n) {
        margin-right: 0;
    }

    main #photogallery .image:nth-child(12) {
        margin-right: 0;
    }

    main #photogallery .image:nth-child(even) {
        margin-right: 0;
    }

    main #photogallery .image:nth-child(odd) {
        margin-right: 2%;
    }

    main #contact_form {
        width: 98%;
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
    }

}