/** Generated: Tuesday, 17th of March 2026, 09:55:26 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
.main {
	padding:1.5% 3%;
}

h1 {
    font-size:4em;
    font-family: 'Raleway', sans-serif;
    color:#64b5bc; /* blue */
    clear:left;
    margin-bottom:0.5em;
	font-weight:bold;
}

.main h2,
.main h3,
.main h4,
.main h5,
.main h6 {
	font-family: 'Raleway', sans-serif;
    color:#64b5bc; /* blue */
    font-size:2.5em;
    margin-bottom:0.2em;
    margin-top:0.5em;
    letter-spacing: 0;
	font-weight:bold;
}

.main p {
    font-size:1.6em;
    line-height: 1.67;
    margin-bottom:1em;
	font-family: 'Raleway', sans-serif;
}

.main ul,
.main ol {
    clear:left;
    margin-left:2em;
    list-style-image: url('/site/templates/img/bullet.png');
}

    .main li {
        clear:left;
        font-size:1.7em;
        line-height: 1.5;
		margin-bottom:1em;
		padding-left:0.5em;
    }

.main table {
    float:left;
    width:100%;
    margin:2em 0;
    border-collapse: collapse;
}

    .main td {
        font-size:1.7em;
        vertical-align: top;
        padding:1em;
        border:1px solid #ddd;
    }
    
    .main table tr {
    }
    
    .main table table {
        width:auto;
        clear:left;
    }
    
        .main table table td {
            font-size:1em;
        }
        
            .main table table tr:nth-of-type(2n+1) td {
                background-color:#ddd;
            }
        
        .main td p {
            font-size:1em;
            clear:left;
        }

    .main iframe {
        max-width:100%;
    }
    
.readmore {
    color:#64b5bc; /* blue */
}

.readless {
    font-size:1.7em;
    line-height: 1.5;
    margin-bottom:1em;
    color:#64b5bc; /* blue */
    font-weight:bold;
    text-decoration: none;
}

    .readless:hover {
        text-decoration: underline;
    }
    
.ltc {
    float:left;
    clear:left;
    width:100%;
    margin-bottom:4em;
}

    .ltc-left {
        float:left;
        width:60%;
    }
    
    .ltc-right {
        float:right;
        width:38%;
    }
    
        .ltc-right p:last-of-type {
            margin-bottom:0;
        }
        
.links {
    float:left;
    clear:left;
    width:100%;
    margin:2em 0;
}

    .link {
        float:left;
        width:22.75%;
        margin-right:3%;
        margin-bottom:3%;
        text-decoration: none;
        border:1px solid #ddd;
        padding:1em;
        text-align: center;
        min-height:175px;
        transition: margin 0.5s;
    }
    
        .link:nth-of-type(4n) {
            margin-right:0;
        }
        
        .link:nth-of-type(4n+1) {
            clear:left;
        }
    
        .link h3 {
            font-size:1.7em;
        }
        
        .link img {
            margin:0 auto;
            display:block;
            float:none;
        }
        
        .link:hover h3 {
            text-decoration: underline;
        }
        
        .link:hover {
            margin-top:-1%;
            margin-bottom:4%;
        }
        
    .guides a {
        border:none;
    }
    
@media screen and (max-width:859px) {
    h1 {
        font-size:4em;
        line-height:1.2;
    }
    
    .main h2,
    .main h3,
    .main h4,
    .main h5,
    .main h6 {
        font-size:2em;
    }
    
    .main p,
    .main td{
        font-size:1.4em;
    }
    
    .link h3 {
        font-size:1.4em;
    }
}

@media screen and (max-width:659px) {
    .ltc-left,
    .ltc-right{
        clear:left;
        width:100%;
    }
    
    .ltc-left {
        margin-bottom:3em;
    }
    
    .link {
        width:31.333333333%;
    }
    
    .link:nth-of-type(4n) {
        margin-right:3%;
    }
    
    .link:nth-of-type(3n) {
        margin-right:0;
    }
    
    .link:nth-of-type(4n+1) {
        clear:none;
    }
    
    .link:nth-of-type(3n+1) {
        clear:left;
    }
}

@media screen and (max-width:459px) {
    
    .link {
        width:48.5%;
        min-height:0;
    }
    
    .link:nth-of-type(3n) {
        margin-right:3%;
    }
    
    .link:nth-of-type(2n) {
        margin-right:0;
    }
    
    .link:nth-of-type(3n+1) {
        clear:none;
    }
    
    .link:nth-of-type(2n+1) {
        clear:left;
    }
}

@media screen and (max-width:459px) {
    
    .link {
        width:100%;
        margin-right:0;
    }
}