html {
  scroll-behavior: smooth;
}
.backtopbtn{
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:999;
}
.backtopbtn a{
    cursor: pointer;
    padding: 5px 30px;
    font-family: 'Odibee Sans', cursive;
    font-size: 45px;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
    position: relative;
    width: 270px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.outsidedrop{
display:inline-block;
z-index:900;
}
.outsidedrop .insidedrop{
  display: none; 
    padding: 10px;
    position: absolute;
    z-index: 900;
    background: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    text-align: left;
    -o-box-shadow: 2px 20px 10px rgba(0,0,0,0.2);
    -ms-box-shadow: 2px 20px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 20px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 20px 10px rgba(0,0,0,0.2);
    box-shadow: 2px 20px 10px rgba(0,0,0,0.2);
    padding-top: 0px;
    width: 180px;
    margin-left: 50px;
    margin-top: -4px;
    max-height: 60vh;
    overflow-y: auto;
}


.outsidedrop .insidedrop a{
    min-width: 90px;
    width: 100%;
    text-align: left;
    font-size: 19pt!Important;
    color: #000;
    margin-top: 1px;
    display: block;
    padding: 0px 15px;
    font-weight: normal;
    padding: 10px 0px!IMportant;
    background: transparent!Important;
    border: 0px solid!Important;
	}

.outsidedrop:hover .insidedrop, .outsidedrop:active .insidedrop, .outsidedrop:focus .insidedrop, .outsidedrop:target .insidedrop{
display:block;
}
.insidedrop a:hover{

}
.insidedrop a{
padding:10px;
}


@keyframes slideLeft {
	0% {
		transform: translateX(150%);
	}
		
	100% {
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}
			
	100% {
		-webkit-transform: translateX(0%);
	}
}
@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}
			
	100% {
		transform: translateX(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}
		
	100% {
		-webkit-transform: translateX(0%);
	}
}
.buttonleft{
    position: fixed;
    left: -135px;
    top: 30vh;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.buttonleft BUTTON{
	cursor: pointer;
    padding: 5px 30px;
    font-family: 'Odibee Sans', cursive;
    font-size: 45px;
    margin: auto;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
}
.leftsidecnt{
    position: fixed;
    max-height: 95vh;
    overflow: auto;
    left: 60px;
    background: #fff;
	z-index:999;
}
#leftsideinside{
			animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 0.3s;	
	-webkit-animation-duration: 0.3s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
.leftsidetitle{
	
}







.buttonright{
    position: fixed;
    right: -75px;
    top: 30vh;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.buttonright BUTTON{
	cursor: pointer;
    padding: 5px 30px;
    font-family: 'Odibee Sans', cursive;
    font-size: 45px;
    margin: auto;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
}
.rightsidecnt{
    position: fixed;
    max-height: 95vh;
    overflow: auto;
    right: 60px;
    background: #fff;
	width:400px;
	padding:20px;
	z-index:999;
}
#rightsideinside{
			animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 0.3s;	
	-webkit-animation-duration: 0.3s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
.rightsidetitle{
	
}








* {box-sizing: border-box;
    
}

.container {
    height: auto;
    width: 85%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    border: 2px solid rgb(13, 20, 2);
    background-image: url(SCTFstateBackGround.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0px;

}

.flag{
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    border: 0px solid;
    position: relative;
    display: block;
	margin-bottom:30px
}

.flag img{
	width:100%!Important;
		border:0px solid;
		float:none;
		margin:0px;
}

.StateName {
    font-family: 'Odibee Sans', cursive;
    font-size: 30px;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
    display: block;
    position: relative;
    text-align: center;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
   
  }

.topmenu1{
	margin-left:20px;
}

.homeLink {
    font-size: 30px;
    font-family: 'Odibee Sans', cursive;
    padding: 0px;
    color: #006400;
    display: inline-block;
    position: relative;
    text-align: center;
    width: auto;
}
.homeLink a{
    text-decoration: underline;
    font-family: 'Odibee Sans', cursive;
    font-size: 45px;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
    padding: 4px 20px;
}
.topdropbtn{
	display:inline-block;
}
.toplinks{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    display: block;
    top: -5px;
    left: 0px;
    text-align: center;
    z-index: 999;
}
a {
    text-decoration: none;
    
    
}





.claimtofame {
    float: left;
    font-family: arial;
    padding: 90px;
    padding-top: 10px;
    text-align: left;
    grid-area: 2 / 1 / span 100 / span 12;
    background-color: #E8DACC;
    margin-top: 20px;
}

li {
    margin: 17px 0 15px 0;
    list-style-type: none;
    font-size: 18px;
    
   
}

.homelink a{
	display:inline-block;
}

    
img {
    
    display: block;
    

  border: 3px solid black;
  text-align: center;
  padding: 0px;
max-width:100%;

}




h1 {
    font-size: 26px;
    margin: 37px 0px 10px 0px;
   
}

figure {
    float: left;
    margin: 20px;
    clear: both;
}

figure img {
    vertical-align: top;
margin-bottom:5px!Important;
}
.pic img{
	width:300px;
	margin-bottom:-30px;
}
figcaption{
	margin-top:30px;
}
figure figcaption {
    text-align: center;
	margin-top:0px!Important;
}

h2 {
    font-size: 24px;
    color:rgb(20, 76, 77)
}

body {
    background-color: #ead55e;
   

    
}
iframe{
	max-width:100%;
}

   
@media (min-width: 2000px) {

}


@media (min-width: 1800px) and (max-width: 1999px) {

}

@media (min-width: 1600px) and (max-width: 1799px) {

}

@media (min-width: 1440px) and (max-width: 1599px) {

}
@media (min-width: 1300px) and (max-width: 1439px) {

}
@media (min-width: 1100px) and (max-width: 1299px) {

}

@media (min-width: 1000px) and (max-width: 1099px) {

}

@media (min-width: 768px) and (max-width: 999px) {

}

@media (min-width: 601px) and (max-width: 767px) {
.homeLink a {
    text-decoration: underline;
    font-family: 'Odibee Sans', cursive;
    font-size: 19px;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
    padding: 4px 6px;
}
.backtopbtn a {
    padding: 5px 30px;
    font-size: 15px;
    width: 135px;
}
.backtopbtn {
    bottom: -3px;
}
.topmenu1 {
    margin-left: 5px;
}
.buttonleft {
    top: 40vh;
	left: -80px;
}
.buttonright {
    top: 40vh;
	right:-45px;
}
.buttonleft BUTTON {
    padding: 5px 20px;
    font-size: 25px;
}
.buttonright BUTTON {
    padding: 5px 20px;
    font-size: 25px;
}

.homeLink {

}
.StateName {
    top: 0px;
	position: relative;
}
figure {
    float: none;
    margin: 0px;
    width: 100%;
    margin-bottom: -60px;
    margin-top: 60px;
    font-size: 8pt;
}
.pic{
    width: 100%;
    display: block;
    position: relative;

    margin-top: 60px;
}
.pic img {
    display: block;
    float: none;
    margin: 0px;
    border: 3px solid black;
    text-align: center;
    padding: 0px!Important;
    width: 70%!Important;
    height: auto!Important;
    margin-left: auto!Important;
    margin-right: auto!Important;
}
.claimtofame {
    float: none;
    padding: 10px;
    margin-top: 50px;
    width: 80%;
    margin-left: 10%;
}
li {
    font-size: 12px;
    line-height: 13pt;
}
h2 {
    font-size: 20px;
    line-height: 22px;
}
.claimtofame h1{
	padding-top:40px!important;
}

.outsidedrop .insidedrop {
    width: 120px;
    margin-left: 0px;
    margin-top: -4px;
    max-height: 80vh;
}
.outsidedrop .insidedrop a {
    font-size: 12pt!Important;
}
.insidedrop  li{
	margin:0px!Important;
}

.leftsidecnt {
    max-height: 75vh;
    overflow: auto;
    left: 40px;
}
.rightsidecnt {
    position: fixed;
    max-height: 75vh;
    overflow: auto;
    right: 40px;
    background: #fff;
    width: 260px;
    padding: 10px;
    z-index: 999;
}
.form-all {
    margin: 0px auto!Important;
}

}

@media (min-width: 480px) and (max-width: 600px) {
.homeLink a {
    text-decoration: underline;
    font-family: 'Odibee Sans', cursive;
    font-size: 19px;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
    padding: 4px 6px;
}
.backtopbtn a {
    padding: 5px 30px;
    font-size: 15px;
    width: 135px;
}
.backtopbtn {
    bottom: -3px;
}
.topmenu1 {
    margin-left: 5px;
}
.buttonleft {
    top: 40vh;
	left: -80px;
}
.buttonright {
    top: 40vh;
	right:-45px;
}
.buttonleft BUTTON {
    padding: 5px 20px;
    font-size: 25px;
}
.buttonright BUTTON {
    padding: 5px 20px;
    font-size: 25px;
}

.homeLink {

}
.StateName {
    top: 0px;
	position: relative;
}
figure {
    float: none;
    margin: 0px;
    width: 100%;
    margin-bottom: -60px;
    margin-top: 60px;
    font-size: 8pt;
}
.pic{
    width: 100%;
    display: block;
    position: relative;

    margin-top: 60px;
}
.pic img {
    display: block;
    float: none;
    margin: 0px;
    border: 3px solid black;
    text-align: center;
    padding: 0px!Important;
    width: 70%!Important;
    height: auto!Important;
    margin-left: auto!Important;
    margin-right: auto!Important;
}
.claimtofame {
    float: none;
    padding: 10px;
    margin-top: 50px;
    width: 80%;
    margin-left: 10%;
}
li {
    font-size: 12px;
    line-height: 13pt;
}
h2 {
    font-size: 20px;
    line-height: 22px;
}
.claimtofame h1{
	padding-top:40px!important;
}

.outsidedrop .insidedrop {
    width: 120px;
    margin-left: 0px;
    margin-top: -4px;
    max-height: 80vh;
}
.outsidedrop .insidedrop a {
    font-size: 12pt!Important;
}
.insidedrop  li{
	margin:0px!Important;
}

.leftsidecnt {
    max-height: 75vh;
    overflow: auto;
    left: 40px;
}
.rightsidecnt {
    position: fixed;
    max-height: 75vh;
    overflow: auto;
    right: 40px;
    background: #fff;
    width: 260px;
    padding: 10px;
    z-index: 999;
}
.form-all {
    margin: 0px auto!Important;
}
}


@media (min-width: 381px) and (max-width: 479px) {
.homeLink a {
    text-decoration: underline;
    font-family: 'Odibee Sans', cursive;
    font-size: 19px;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
    padding: 4px 6px;
}
.backtopbtn a {
    padding: 5px 30px;
    font-size: 15px;
    width: 135px;
}
.backtopbtn {
    bottom: -3px;
}
.topmenu1 {
    margin-left: 5px;
}
.buttonleft {
    top: 40vh;
	left: -80px;
}
.buttonright {
    top: 40vh;
	right:-45px;
}
.buttonleft BUTTON {
    padding: 5px 20px;
    font-size: 25px;
}
.buttonright BUTTON {
    padding: 5px 20px;
    font-size: 25px;
}

.homeLink {

}
.StateName {
    top: 0px;
	position: relative;
}
figure {
    float: none;
    margin: 0px;
    width: 100%;
    margin-bottom: -60px;
    margin-top: 60px;
    font-size: 8pt;
}
.pic{
    width: 100%;
    display: block;
    position: relative;

    margin-top: 60px;
}
.pic img {
    display: block;
    float: none;
    margin: 0px;
    border: 3px solid black;
    text-align: center;
    padding: 0px!Important;
    width: 70%!Important;
    height: auto!Important;
    margin-left: auto!Important;
    margin-right: auto!Important;
}
.claimtofame {
    float: none;
    padding: 10px;
    margin-top: 50px;
    width: 80%;
    margin-left: 10%;
}
li {
    font-size: 12px;
    line-height: 13pt;
}
h2 {
    font-size: 20px;
    line-height: 22px;
}
.claimtofame h1{
	padding-top:40px!important;
}

.outsidedrop .insidedrop {
    width: 120px;
    margin-left: 0px;
    margin-top: -4px;
    max-height: 80vh;
}
.outsidedrop .insidedrop a {
    font-size: 12pt!Important;
}
.insidedrop  li{
	margin:0px!Important;
}

.leftsidecnt {
    max-height: 75vh;
    overflow: auto;
    left: 40px;
}
.rightsidecnt {
    position: fixed;
    max-height: 75vh;
    overflow: auto;
    right: 40px;
    background: #fff;
    width: 260px;
    padding: 10px;
    z-index: 999;
}
.form-all {
    margin: 0px auto!Important;
}
}


@media (min-width: 150px) and (max-width: 380px) {

.homeLink a {
    text-decoration: underline;
    font-family: 'Odibee Sans', cursive;
    font-size: 19px;
    background-color: rgb(166, 184, 141);
    color: black;
    border: 2px solid rgb(12, 11, 11);
    padding: 4px 6px;
}
.backtopbtn a {
    padding: 5px 30px;
    font-size: 15px;
    width: 135px;
}
.backtopbtn {
    bottom: -3px;
}
.topmenu1 {
    margin-left: 5px;
}
.buttonleft {
    top: 40vh;
	left: -80px;
}
.buttonright {
    top: 40vh;
	right:-45px;
}
.buttonleft BUTTON {
    padding: 5px 20px;
    font-size: 25px;
}
.buttonright BUTTON {
    padding: 5px 20px;
    font-size: 25px;
}

.homeLink {

}
.StateName {
    top: 0px;
	position: relative;
}
figure {
    float: none;
    margin: 0px;
    width: 100%;
    margin-bottom: -60px;
    margin-top: 60px;
    font-size: 8pt;
}
.pic{
    width: 100%;
    display: block;
    position: relative;

    margin-top: 60px;
}
.pic img {
    display: block;
    float: none;
    margin: 0px;
    border: 3px solid black;
    text-align: center;
    padding: 0px!Important;
    width: 70%!Important;
    height: auto!Important;
    margin-left: auto!Important;
    margin-right: auto!Important;
}
.claimtofame {
    float: none;
    padding: 10px;
    margin-top: 50px;
    width: 80%;
    margin-left: 10%;
}
li {
    font-size: 12px;
    line-height: 13pt;
}
h2 {
    font-size: 20px;
    line-height: 22px;
}
.claimtofame h1{
	padding-top:40px!important;
}

.outsidedrop .insidedrop {
    width: 120px;
    margin-left: 0px;
    margin-top: -4px;
    max-height: 80vh;
}
.outsidedrop .insidedrop a {
    font-size: 12pt!Important;
}
.insidedrop  li{
	margin:0px!Important;
}

.leftsidecnt {
    max-height: 75vh;
    overflow: auto;
    left: 40px;
}
.rightsidecnt {
    position: fixed;
    max-height: 75vh;
    overflow: auto;
    right: 40px;
    background: #fff;
    width: 260px;
    padding: 10px;
    z-index: 999;
}
.form-all {
    margin: 0px auto!Important;
}

}