* {
  box-sizing: border-box;
}

:root {
  --maincolor: white;
  --actioncolor:#48191A;
  --secondarycolor: #142D3F;
  --thirdcolor: #304228;
  --bgcolor: #FFFFF2;
  --colortext: #051622;
  --whitetext: white;
	
}

body {
  
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  margin: 0px;
  font-size: 17px;
  background-color: var(--bgcolor);
}

h1 {font-size: 48px;  font-weight:600;       word-break: break-word; margin: 0;}
.h1 {font-size: 48px;  font-weight:600;       word-break: break-word; margin: 0;}

h2 {font-size: 30px; font-weight: 500;       word-break: break-word; margin: 0;}
.h2 {font-size: 30px; font-weight: 500;       word-break: break-word; margin: 0;}

h3 { font-size: 16px; font-weight: 800; margin: 0;}
.h3 { font-size: 16px; font-weight: 800; margin: 0;}


.container {
    width: 100%;
    max-width: 1080px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    position: relative;
}
a  {    text-decoration: none;  transition: 0.3s ease; color: var(--actioncolor);}
a:hover {color:inherit;}

a:active {color:inherit;}




::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #eae5e5;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #0d2134; 
	background: linear-gradient( 
199deg
 , #252d3d 0%, #171c26 100%);
 border-radius: 15px;
	  border: 2px solid #f1f1f1;  /* creates padding around scroll thumb */


}

.button {
  background-color: var(--actioncolor);
  color: var(--whitetext);
  border: none;
  cursor: pointer;
  font-size: 15px;
  padding: 12px 40px;
  transition: 0.3s ease;
    font-weight: 700;
  border-radius: 999px;
  z-index: 7;
  font-family: inherit;
      text-align: center;
}

.button:hover {
  color: var(--actioncolor);
  background-color: var(--whitetext);
  font-weight: 700;
}


.verylargespace {height: 100px; width: 100%;}
.largespace {height: 50px; width: 100%;}
.space {height: 20px; width: 100%;}
.smalspace {height: 10px; width: 100%;}
.verysmalspace {height: 5px; width: 100%;}