.leftcol {
    width:51%;
    padding-right:4em;
    position:relative;
}
    
    .leftcol a{
        float:left;
        width:32%;
        margin-right:2%;
        margin-bottom:2%;
    }
    
        .leftcol a img,
		.photos a img {
            max-width:100%;
            display:block;
            border-radius:50%;
        }
        
        .leftcol a:nth-of-type(3n) {
            margin-right: 0;
        }
        
        .leftcol a:hover img,
		.photos a:hover img{
            opacity: 0.8;
        }
	
	.photos {
		float:left;
		clear:left;
		width:100%;
	}
	
	.photos a {
		float:left;
		width:130px;
		margin-right:2%;
		margin-bottom:2%;
		clear:none;
	}

.rightcol {
    width:49%;
}

    .rightcol h2 {
        float:left;
        clear:left;
        color:var(--text1);
        font-size:2.4em;
        margin-bottom:1em;
    }

    .rightcol p {
        float:left;
        clear:left;
        font-size:1.3em;
    }
    
    .rightcol ul {
        float:left;
        clear:left;
        margin-left:1.5em;
        margin-bottom:2em;
    }
    
        .rightcol ul li {
            float:left;
            clear:left;
            margin-bottom:1em;
            font-size:1.3em;
        }
        
    blockquote {
        float:left;
        clear:left;
        background-color:rgba(255,255,255,0.4);
        padding:1em;
        margin-bottom:1em;
        font-style: italic;
        line-height:1.5;
    }
    
        blockquote p:last-of-type {
            margin-bottom:0;
        }

.orange {
    margin-bottom:3em;
}
    
    .maintext {
        width:100%;
        clear:left;
    }
    
        .maintext p {
            font-size:1.3em;
            margin-bottom:1em;
            clear:left;
        }

.heading {
    float:left;
    width:100%;
    font-family: 'Prata', serif;
}

    .heading h3 {
        font-size:3.5em;
        color:var(--text1);
        margin-left:4em;
    }
    
    .heading h1 {
        font-size:8em;
        margin-top:-35px;
        margin-bottom:0.15em;
    }
    
@media screen and (max-width:985px){

    .heading h1 {
        font-size:5em;
        margin-top:-18px;
    }
    
    .heading h3 {
        font-size:2.2em;
    }
}    

@media screen and (max-width:699px){
    
    .leftcol,
    .rightcol {
        width:100%;
        padding:0;
    }
}