@charset "UTF-8"

body {
      background-color: #CCCC99;
}

.nav {
	width: 100%;
	line-height: 70px;
	background: #fff;
	
	
}


.nav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #F5DEB3;
}
 
.nav li {
	font-size:x-large;
        list-style: none;
	
	text-align:center;
	
	box-sizing: border-box;
	padding:10px 30px 0px 30px;
}

.nav li a {
	color:#333;
	list-style:none;
	text-decoration:none;
}


div h1 {color:#FFA500;
	letter-spacing: 0.5em;
}

.containt {
	
	display: inline-block;
        margin: 40px;
        
}
 
.box2{width: 80%;
  margin:  auto;
  max-width: 100%
}

.box2  {text-align:right;
}

.box2 .square_btn {font-size: 1.2em;
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #000000;
    border: solid 2px #FFA500;
    border-radius: 3px;
    transition: .4s;
}

.box2 .square_btn:hover {
    background: #FFA500;
    color: white;
}

.box1 h2{display:text-align:center;	
	width: 100%;
	
	
}

 p{font-size: 1.2em
}


.box1 {width: 80%;
  margin:  auto;
  max-width: 100%
}

.box1 h3 {
	
	display: inline-block;
    padding: 0.5em 1em;
    
    
    font-weight: bold;
    border: solid 2px #000000;
 
}
.box1 p {text-indent:3em;
    margin: 1; 
    padding:1;
}



footer   {
	  text-align:center;
	  box-sizing: border-box;
          margin:30px 30px;
	  padding-top:120px;
	  padding-bottom: 30px;
          border-top:1px solid  #6A5ACD
}

footer li {
	  list-style:none;
          text-decoration:none;
          display: inline;
          margin-bottom:50px;
}

footer .footer a {
		  list-style:none;
		  text-decoration: none;
	          color: #333;
		  margin:50px 80px;
		 
		 
}   

footer .logo  li h3{
		   list-style:none;
                    text-decoration:none;
}