﻿@charset "UTF-8";
@font-face {
		  font-family: "avenir-light";
			src: url('font/Avenir-Light-07.ttf') format('truetype');
			font-weight: normal;
  			font-style: normal;			
		}
		@font-face {
		  font-family: "avenir-light";
			src: url('font/Avenir-Heavy-05.ttf') format('truetype');
			font-weight: bold;
  			font-style: normal;			
		}
		body{
			font-family: "avenir-light",Sans-serif;
		}
		.nav-head{
			height: 100px; color: #fff; font-size:20px;
		}
		.main-content{
			width:80%;margin:0px auto 1px auto; padding:1px; border-radius:15px; font-size: 14px; 
			/*font-weight: 300;*/
		}
		.bg{        
		  background-repeat: no-repeat;
		  background-size: cover;
		  background-position: center; 
          background-color:black;
		  background-attachment: fixed;
			width: 100%;
			height: 100vh;
			
		}
		.footer{
			/*background-color: #1B1B1B; color:#fff; width: 100%; text-align:center; padding: 30px 0px 30px 0px; font-size:12px;*/
            color:#fff; width: 100%; text-align:center; font-size:12px;
		}
		.btn-green{
			background:#417630; 
			 color: white; 
			 font:avenir-light;
			 font-size: 14px;
			 border-radius: 10px; 
			 display:block; 
			 margin-left:auto; 
			 margin-right:auto;
			padding:12px 20px;
			border:0;
			letter-spacing: 0.1em;
		}
        .link-green{
			color:#417630;
            text-decoration:none;
		}
		.link-green:hover{
			color:#417630;			
            text-decoration:none;
		}
		.link-black{
			color:#000;
		}
		.link-black:hover{
			text-decoration: none;
			color:#000;
		}
		.link-white{
			color:#fff;
		}
		.link-white:hover{
			text-decoration: none;
			color:#417630;
		}
		.frm-sel{
			background:white;
			 border-radius: 12px;
			padding: 6px 12px;
			min-height: 40px;
			font-size:14px;
			width: 100%;
			line-height: 1.8;
			height: 2.25em;
			cursor: pointer;
			margin-bottom: 10px;
		}
		@media only screen and (max-width : 1000px) {
		  .main-content{
			width:95%;
			}
		}
        @media only screen and (max-width : 500px) {
		  .nav-head{
			font-size:19px;
			}
          .nav-img{
              max-width:75px;
          }
		}

        @media only screen and (max-width : 392px) {
		  .nav-head{
			font-size:16px;
			}
          .nav-img{
              max-width:65px;
          }
		}
        .columns {
  text-align: center;
  padding-right: 1px;
  padding-left: 1px;
  padding-top: 0;
  background-color:black;
}

.left-div {
  display: inline-block;
  max-width: 500px;
  min-width:500px;
  min-height:700px;
  text-align: left;  
  background-color: #000000;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  vertical-align: top;
   padding-top:30px;
    margin:0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    background-attachment: fixed;
    width: 100%;
    background-color:black;
      
}

.right-div {
  display: inline-block;
  max-width: 500px;
  min-width:500px;
  min-height:700px;
  text-align: center;  
  background-color: black;
 border-bottom-right-radius: 10px;
 border-top-right-radius: 10px;
  padding: 0;
  padding-top:30px;
   margin:0;
  
}

.left-text,
.right-text {
  text-align: center;
}

.block {
  display: block;
  width: 100%;
  border: none;
  background-color: #417630;
  padding: 20px 20px;
  font-size: 20px;
  cursor: pointer;
  color:white;
  text-align: center;
  border-radius:15px;
}

.block2 {
  display: block;
  width: 30%;
  border: none;
  background-color: #417630;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  color:white;
  text-align: center;
  border-radius:15px;
}
.block3 {
  
  background-color: #3f752d;
  width:150px;
  font-size: 16px;
  cursor: pointer;
  color:white;
  font-size: 20px;
 
}
.block4 {
  
  opacity:0.5;
 
}

.float-container {  
    
   
    color:white;
    text-align: center;
    border-radius:15px;
}

.float-child {
    background-color: #000;
    width: 50%;
    float: left;
    border-radius:15px;
    border: 1px solid;
    
}  
.float-childr {
    background-color: #fff;
    width: 50%;
    float: left;
    border-radius:15px;
    border: 1px solid;
    align-content:center;
    
}  
.float-childr.green {
   background-color: #fff;
}



