
.tangerine {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
}

.neuton-regular {
  font-family: "Neuton", serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-alternates-light {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.montserrat-alternates-regular {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat-alternates-bold {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: "Montserrat Alternates", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Neuton", Georgia, serif;
  font-weight: 400;
  font-style: normal;
}

.header {
  font-family: "Neuton", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
}

.navbar {
  font-family: "Neuton", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
}

.overlay-menu {
  font-family: "Neuton", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
}

.form-input {
  font-family: "Neuton", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
}

.image-left-t, .image-right-t
    {
    	margin: 1em 0;
    }
     
.image-right-t img, .image-left-t img
{
	       max-width: 30%;
               height: auto;
}
	 
    @media (min-width: 20em)
    {
    	.image-left-t, .image-right-t
    	{
    		display: flex;
    		align-items: center;
    	}
     
    	.image-left-t img
    	{
     
    		margin-right: 1em;
    		float: left; /* fallback */
    	}
     
    	.image-right-t img
    	{
    		order: 1;
    		margin-left: 1em;
    		float: right; /* fallback */
    	}
    	
    	/* clearfix for fallback */
    	.image-left-t::after,
    	.image-right-t::after
    	{
    		content: "";
      	display: block;
    		clear: both;
    	}
    }
     
    @media (min-width: 30em)
    {
    	.image-left-t img, .image-right-t img
    	{
    		flex-shrink: 0;
    	}
    }

