/* 
    Created on : 31 mars 2016, 13:51:37
    Author     : Kalgonium
*/
main{
    position:relative;
    min-height:60em;
    margin: 0 auto;
    opacity: 0;
    transition: opacity 0.2s, background-color 0.2s;
}

@media all and (max-width: 999px) and (min-width: 100px) {
    main, .viewWithSubmenu{
        width:100%;
    }
}

@media all and (min-width: 1000px){
    main{
        top:8em;
        width:60%;
        min-width: 1000px;
    }
    .viewWithSubmenu{
        width: 80%;
    }
}

.standardView{
    background-color: white;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 2em;
    padding-bottom: 10em;
    color: var(--main-text-color);
    transition: 0.2s;
    min-height:60em;
}

.fullView{
    padding-bottom: 10em;
    background-color: white;
    color: var(--main-text-color);
    transition: 0.2s;
}

.viewWithSubmenu{
    display:inline-block;
    background-color: white;
    padding-bottom: 10em;
    min-height:60em;
    transition: 0.2s;
}

.smallDiv{
    width: 80%;
    margin: 0 auto;
}

.coverImageContainer{
    transition: 0.2s;
}