:root {
  --gold: #c99700;
  --highlight: #00a5c6;
  --blue: #003e52;
  --off_white: #FCFCF2;
 
  --space_smaller: 8px;
  --space_small: 16px;
  --space_normal: 32px;
  --space_mid: 48px;
  --space_large: 96px;
  
  
  --font_smaller: 8px;
  --font_small: 12px;
  --font_normal: 16px;
  --font_mid: 20px;
  --font_large: 32px;
  --font_larger: 48px;


  --font_m_normal:20px;
  --font_m_mid: 28px;
  --font_m_large: 36px;
  --font_m_larger: 38px;
  
  
}
body{
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 0;
    font-size: var(--font_normal);
    line-height: calc( var(--font_normal) * 1.5);
}
.content{
	max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
	padding-left: var(--space_mid);
	padding-right: var(--space_mid);
}
.row{
	display: flex;
}
.txt-smaller {
    font-size: var(--font_smaller);
}
.txt-small {
    font-size: var(--font_small);
}
.txt-normal {
    font-size: var(--font_normal);
}
.txt-mid {
    font-size: var(--font_mid);
    line-height: calc( var(--font_mid) * 1.5);
}
.txt-large {
    font-size: var(--font_large);
}
.txt-larger {
    font-size: var(--font_larger);
}
.txt-blue{
    color: var(--blue);
}
.txt-center{
    text-align: center;
}
.padding-top-small{
    padding-top: var(--space_small);
}
.padding-bottom-small{
    padding-bottom: var(--space_small);
}
.padding-left-small{
    padding-left: var(--space_small);
}
.padding-right-small{
    padding-right: var(--space_small);
}

.padding-top-normal{
    padding-top: var(--space_normal);
}
.padding-bottom-normal{
    padding-bottom: var(--space_normal);
}
.padding-left-normal{
    padding-left: var(--space_normal);
}
.padding-right-normal{
    padding-right: var(--space_normal);
}

.padding-top-mid{
    padding-top: var(--space_mid);
}
.padding-bottom-mid{
    padding-bottom: var(--space_mid);
}
.padding-left-mid{
    padding-left: var(--space_mid);
}
.padding-right-mid{
    padding-right: var(--space_mid);
}
.padding-top-large{
	padding-top: var(--space_large);
}
.padding-bottom-large{
	padding-bottom: var(--space_large);
}
.padding-left-large{
	padding-left: var(--space_large);
}
.padding-right-large{
	padding-right: var(--space_large);
}

.heading-small{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
    color: var(--gold);
    font-size: 24px;
    text-align: center;
    line-height: var(--space_normal);
    width: 70%; 
    margin: auto;
}

h1{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: var(--gold);
    font-size: var(--font_large);
    line-height: var(--font_larger);
}
h1.larger{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	color: var(--gold);
    font-size: var(--font_larger);
	text-transform: uppercase;
    text-align: center;
}

.Slide {
    width: 100%;
    height: auto;
}
.Slide img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
a.cycle-prev {
    position: absolute;
    bottom: 30px;
    z-index: 9999999;
    left: 48px;
}
a.cycle-next {
    position: absolute;
    bottom: 30px;
    z-index: 9999999;
    left: 98px;
}




header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    z-index: 99999;
    transition: all 0.5s ease;
}
header.gradient {
    background: rgb(255,255,255,0.8);
}
header.gradient .row {
    height: 40px;
}
header .row{
    height: 100px;
    padding: 10px;
    position: relative;
    transition: all 0.5s ease;
}
header .row .col:first-child{
	flex: 1 1 100%;
	display: flex;
    justify-content: center;
}
header .row .col:last-child{
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 0px;
    height: 100%;
}
#logo_main{
	background:url("/images/logo-gold-3.svg") center no-repeat;
	background-size: contain;
	width: 144px;
}
#reverve{
	background-color: var(--blue);
    color: var(--gold);
    border: solid 1px var(--gold);;
    padding: 15px 20px;
    border-radius: 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: var(--font_mid);
}
#page1{
	height: 810px;
	background:url("/images/page1-bg.jpg") center no-repeat;
    background-size: cover;
    padding-top: 150px;
}
#page1 .content .row:first-child{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
    min-height: 600px;
}
#page1 .content .row:last-child {
    display: flex;
    justify-content: center;
    color: white;
}
#page1 .content .row #logo-page1{
    max-width: 614px;
    width: 100%;
}
#page2 > div {
    max-width: 900px;
    margin: auto;
}
#page2 h1 {
    text-align: center;
}
#page2 .content-inside {
	color: var(--blue);
}
#page2 .content-inside p {
    font-size: var(--font_mid);
}
#page3 h1{
	text-align: center;
}
#page3 .col{
    background-color: var(--blue);
}
#page3 .col,
#page4 .col{
    width: 100%;
    flex: 1 0 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
#page3 .content-inside{
	color: white;
}
#page3 .txt-mid,
#page3 li{
    text-align: justify;
}
#page3 img,
#page4 img{
    min-width: 500px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#page4 .col{
    background: var(--off_white);
}
#page4 .heading-small{
    text-align: center;
}
#page4 .content-inside{
	color: var(--blue);
}
#page4 h1{
	text-align: center;
}
#page4 .content-inside p,
#page2 .content-inside p {
    line-height: var(--font_large);
    text-align: justify;
}
#page7 .col {
    flex: 1 1 30%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
}
#page7 #map {
    flex: 1 1 60%;
}
#page7 #map img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-width: 500px
}
form#revinate_contact_api_form .row {
    display: flex;
    justify-content: center;
}
#stayconnected {
    font-weight: bold;
    text-transform: uppercase;
}
input#social_email {
    padding: 10px 15px;
    margin-right: 15px;
    width: 240px;
}
form#subForm input[type="submit"] {
    color: white;
    background: #9A7524;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
}



footer{
	background-color: var(--blue);
}

footer * {
    font-family: 'Oswald', sans-serif;
    color: white;
    text-decoration: none;
    box-sizing: border-box;
}
footer .footer-bg{
	background: url(/images/footer-bottom_st1.png) bottom repeat-x;
    height: 154px;
    background-size: contain;
}
footer > .row > .col > .row:nth-child(2),
footer > .row > .col > .row:nth-child(3),
footer > .row {
    flex-wrap: wrap;
}
footer > .row:first-child > .col:first-child,
footer > .row:first-child > .col > .row:nth-child(2) > .col,
footer > .row:first-child > .col > .row:nth-child(3) > .col{
    flex: 1 1 auto;
}
footer > .row:first-child > .col > .row:nth-child(2) > .col,
footer > .row:first-child > .col > .row:nth-child(3) > .col{
    flex: 1 1 50%;
}
footer .links a{
    margin-right: 8px;
}
footer .row .col .row .col img{ 
    max-width: 100%;
    min-width: 500px;
}
footer > .row > .col > .row:nth-child(3){
    flex-direction: row-reverse;
}

@media only screen and (max-width: 1100px){

    footer > .row > .col:last-child{
        flex: 1 1 100%;
        text-align: right;
    }
	
	#page7 > .row{
		flex-wrap: wrap;
	}	
	#page3 .row,
	#page4 .row{
		flex-wrap: wrap;
	}
	#page4 {
		background: var(--off_white);
	}
    #page4 > .row > .col:first-child{
        margin: 0 -48px;
        box-sizing: border-box;
        flex: 1 1 100%;
    }
	#page4 .content-inside{
		padding-right: 0;
		padding-left: 0;
	}

}

@media only screen and (max-width: 900px){

    body{
        font-size: var(--font_m_normal);
        line-height: calc( var(--font_m_normal) * 1.5);
    }
    .txt-mid,
    .heading-small {
        font-size: 34px;
        line-height: calc( var(--font_m_mid) * 1.5);
    }
    h1{

        font-size: var(--font_m_large);
        line-height:  calc( var(--font_m_large) * 1.5);
    }
    footer *{
        font-size: calc( var(--font_m_mid) - 4 );
        line-height: calc( var(--font_m_mid) * 1.5);
    }

}

@media only screen and (max-width: 660px){

    footer {
        padding-top: 48px;
    }
    .padding-top-large{
        padding-top: var(--space_small);
    }
    .padding-bottom-large{
        padding-bottom: var(--space_small);
    }
    .padding-left-large{
        padding-left: var(--space_small);
    }
    .padding-right-large{
        padding-right: var(--space_small);
    }

    #page3 img,
    #page4 img,
    #page7 #map img{
        min-width: initial;
    }
    form#revinate_contact_api_form .row {
        flex-wrap: wrap;
        justify-content: left;
    }
    #page7 .col {
        padding-left: 0;
    }
    #page3 .row.content {
        padding: 0;
    }
    header .row .col:last-child {
        right: -35px;
    }

    #page1 .content .row:first-child {
        min-height: 300px;
    }

    #page1 {
        height: 510px
    }
    footer .row .col .row .col img {
        min-width: 100%;
    }
    footer > .row > .col:last-child {
        text-align: center;
    }
    #page1 h1 {
        text-align: center;
    }
    #page4 .content-inside p,
    #page3 .txt-mid, 
    #page3 li,
    #page2 .content-inside p{
        text-align: left;
    }
    /*
#page4 .content-inside p,
#page3 .txt-mid, 
#page3 li,
#page2 .content-inside p{
    text-align: left;
}
*/



}