/* Stylesheet for main content */

.standard {
    width: 100%;
}

.textbox {
    width: 90%;
    margin-bottom: 7px;
    padding: 5%;
    border-radius: 17px;
}

.imagebox {
    width: 100%;
}

.imagebox img{
    height: 200px;
}

.imagebox-gallery {
    width: 100%;
}

.border-round-top {
    border-top-left-radius: 17px;
	border-top-right-radius: 17px;
}

.border-round {
    border-radius: 17px;
}

.box-shadow {
    box-shadow: 5px 5px 15px black;
}

.columns-1 {
    width: 100%;
    margin-bottom: 7px;
    padding: 1%;
}

.columns-2 {
    display: flex;
    width: 100%;
}

.columns-3 {
    /*display: flex;*/
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 1%;
    margin-top: 1%;
}

.columns-4 {
    /*display: flex;*/
    width: 48%;
    margin-bottom: 7px;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    margin-top: 1%;
}

@media screen and (min-width: 666px) {
    .standard {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }
    
    .columns-1 {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }

    .columns-2 {
        width: 48%;
        float: left;
        margin-right: 1%;
        margin-left: 1%;
    }

    .columns-3 {
        width: 48%;
        float: left;
        margin-right: 1%;
        margin-left: 1%;
        margin-bottom: 1%;
        margin-top: 1%;
    }

    .columns-4 {
        width: 31%;
    }
}

@media screen and (min-width: 1024px) {
    .columns-3 {
        width: 31%;
        float: left;
        margin-right: 1%;
        margin-left: 1%;
    }

    .columns-4 {
        width: 23%;
    }
}