@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
    font-family: 'body';
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bodybold';
    src: url('../fonts/roboto-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    src: url(../fonts/playfair.woff);
    font-family: headings;
}
:root {
    --neutralLight: #fff;
    --neutralMid: rgba(248,250,252,1.0);
    --neutralDark: #000;
    --about: #7E768B/*#C79767*/;
    --contact: #92A2A0;
    --credits: #334946;
    --nav: #334946;
    --home: #3e2b5f/*#44546A*/;
    --referral: #9892A2/*#A96857*/;
    --services: #4b6d69/*#73AE9C*/;
}
* {
	box-sizing: border-box;
}
html {
    height: auto!important; /*A SCRIPT IS ADDING HEIGHT: 100% - THIS IS TO OVERRIDE THAT*/
    min-height: 100%; /*FOR DISPLAY GRID - FOOTER AT BOTTOM OF SHORT PAGES*/
    overflow-y: scroll;
    overflow-x: hidden;
}
body {
    min-height: 100%; /*FOR DISPLAY GRID - FOOTER AT BOTTOM OF SHORT PAGES*/
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-rows: auto auto auto 1fr auto auto; /*HEADER, .LOGO-NAV, .HERO, MAIN, #GOOGLE_TRANSLATE_ELEMENT, FOOTER*/
    font-family: body;
    color: #2d2929;
}
#index,
#about,
#contact,
#credits,
#services {
    top: 0!important;
}
main {
    margin-bottom: 5rem;
    margin-top: 4rem;
}
article {
    line-height: 2;
}
article p,
article li {
    font-size: 1.3rem;
}
section {
    width: 65%;
    margin: 0 auto;
}
h1 {
    font-size: 4rem;
    font-family: headings;
    font-weight: normal;
}
h1,
h2,
h3,
h4 {
    color: var(--contact);
}
header ul,
nav ul,
footer ul {
	list-style-type: none;
	padding: 0;
    margin: 0;
}
header a,
nav a,
footer a {
	text-decoration: none;
	color: inherit;
}
.hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 75vh;
    text-align: center;
    margin: 0 auto 3rem auto;
}
.hero a {
    color: var(--about);
}
.imageHolder {
    height: 100%;
    flex: 1;
}
.imageHolder img {
    height: 100%;
    width: auto;
}
.textHolder {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.textHolder p {
    font-size: 4vw;
    color: var(--neutralLight);
    height: 100%;
    display: flex;
    align-items: center;
    width: 65%;
    font-family: headings;
}

.float-left {
    float: left;
    margin-right: 2rem;
    border: 5px solid var(--home);
    padding: 0.2rem;
}
.float-right {
    float: right;
    margin-left: 1rem;
    border: 5px solid var(--home);
    padding: 0.2rem;
}
@media only screen and (max-width: 1650px) {
    h1 {
        padding-left: 0;
        text-align: center;
    }
}
@media only screen and (max-width: 1040px) {
    section {
        width: 85%;
    }
}
@media only screen and (max-width: 900px) {
    section {
        width: 95%;
    }
}
@media only screen and (max-width: 690px) {
    .hero {
        grid-template-columns: 1fr;
        margin-bottom: 0;
        height: auto;
    }
    .imageHolder {
        order: 2;
    }
    .textHolder {
        order: 1;
    }
    main {
        margin-top: 0;
    }
}
@media only screen and (max-width: 500px) {
    [id*="targetLanguage"] {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
    .goog-te-gadget .goog-te-combo {
        width: 50%;
    }
}
@media only screen and (max-width: 350px) {
    body {
        display: block;
    }
}