body {
	position: relative;
  background-image: url("images/P\ \(4\).jpg");
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: Nunito;
  color: black;
  /*background: whitesmoke;*/}
@media screen and (max-width: 600px) {
  body {
    font-size: 13px;
  }}
@media screen and (min-width: 600px) {
  body {
    font-size: 18px;
  }}

#main_container {
	/*background-image:url('images/773942.jpg');
	background-attachment: fixed;  
	background-size:cover;
	background-repeat: no-repeat;*/}

#topdiv {
  overflow: hidden;
  z-index: 9;
  overflow: visible;
  padding: 1vh;}
@media screen and (max-width: 600px) {
  #topdiv {
    min-height: 100vh;
  }
  #main > #heading_txt
  {
	  font-size: 60px;
  }
  #main sup
  {
	  font-size: 15px;
  }
}
@media screen and (min-width: 600px) {
  #topdiv {
    min-height: 100vh;
  }
  #main > #heading_txt
  {
	  font-size: 80px;
  }
  #main sup
  {
	  font-size: 25px;
  }
}

#main {
  font-family: Nunito;
  font-weight: 900;
  text-shadow: 5px 1px 5px black;}
@media screen and (max-width: 600px) {
  #main {
    font-size: 25px;
  }}
@media screen and (min-width: 600px) {
  #main {
    font-size: 50px;
  }}

#sub {
  font-weight: 900;
  text-shadow: 2px 1px 5px black;}
@media screen and (max-width: 600px) {
  #sub {
    font-size: 14px;
  }}
@media screen and (min-width: 600px) {
  #sub {
    font-size: 30px;
  }}

#float-btns {
  position: fixed;
  right: 0.2vw;
  top: 10vh;
  z-index: 999;
  color: black;}
@media screen and (max-width: 600px) {
  #float-btns {
    right: 6vw;
    line-height: 0.8;
  }
  #float-btns a {
    font-size: 12px;
  }}

#social_icons {
  position: fixed;
  right: 0.2vw;
  top: 20vh;
  overflow: visible;
  z-index: 998;
  transition: transform 0.8s;}
@media screen and (max-width: 600px) {
  #social_icons {
    right: 5vw;
  }}
#social_icons:hover {
  transform: scale(1.3);}

.display-5 {
  font-family: inherit;
  font-weight: 900;}
@media screen and (max-width: 600px) {
  .display-5 {
    font-size: 18px;
  }}
@media screen and (min-width: 600px) {
  .display-5 {
    font-size: 1.3vw;
  }}

.bshdow {
  height: 40vh;
  overflow: hidden;
  opacity: 0.5;
  box-shadow: 0px 1px 8px black;
  text-shadow: 1px 1px 8px;
  padding: 4%;
  margin: 3%;
  transition: opacity 0.5s, background 2s;}
@media screen and (max-width: 600px) {
  .bshdow {
    transition: opacity 0.5s, background 2s;
  }}
@media screen and (min-width: 600px) {
	.bshdow {
	  transition: transform, 1s;
	}}

div.bshdow:hover {
  opacity: 1;
  background: midnightblue;
  box-shadow: 0px 1px 16px midnightblue;
  font-weight: 700;
  color: lightgoldenrodyellow;}
@media screen and (max-width: 600px) {
  div.bshdow:hover {
    opacity: 1;
    background: midnightblue;
  }}
@media screen and (min-width: 600px) {
  div.bshdow:hover {
    transform: scale(1.1);
  }}

nav a {
  font-family: Nunito;
  font-weight: 900;
  color: midnightblue;
  font-size: 18px;
  text-shadow: 1px 1px 0px burlywood;
  transition: transform 0.5s;}

nav a:hover {
	font-family: Nunito;
	font-weight: 900;
	transform: scale(1.2);}

.rndborder {
  border-radius: 25px;
  box-shadow: 30px 30px 20px grey;
  max-height: 250px;
  overflow: hidden;}

.f_h {
  font-weight: bolder;
  color: white;
  text-shadow: 0px 1px 15px #000000;}

.pheader {
  font-size: 35px;
  color: white;
  font-weight: bolder;
  text-shadow: 0px 0px 5px red;}

.li {
  font-family: Nunito;
  font-weight: bolder;
  color: white;
  font-size: 23px;
  text-shadow: 1px 0px 5px darkred;}

.fshdow {
  text-shadow: 1px 1px 5px black;}

.main_col {
	box-sizing: border-box;
  	font-family: inherit;
  	opacity: 1;
  	background: midnightblue;
  	box-shadow: 0px 1px 16px midnightblue;
  	text-shadow: 1px 1px 1px black;
  	font-weight: 700;
  	color: lightgoldenrodyellow;
  	padding: 4%;
  	margin: 3%;
  	min-height: 60vh;
  	border-radius: 10px;}

.btns {
  background-color: darkblue;
  font-family: Nunito;
  font-weight: 900;
  color: white;
  box-shadow: 1px 1px 5px whitesmoke;
  text-shadow: 1px 1px 5px red;
  text-align: center;
  transition: transform 0.5s;}
@media screen and (max-width: 600px){
	.btns{
		width: 100%;
		font-size: 15px;
	}}
@media screen and (min-width: 600px){
	.btns{
		width: 50%;
		font-size: 18px;
	}}
.btns:hover {
  color: white;
  transform: scale(1.1);}

.nav_change {
  color: black;
  transition: background-color 0.5s;
  background-color: #f2f2f2;}