/*RESPONSIVENESS==========================================================*/



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

.intro_content {
    min-height: 800px;
  }

.content {
    min-width: 1200px;
}

}



@media screen and (min-width: 1200px) {

.intro_content {
    min-height: 780px;
  }

.body {
  /*background-color: red;*/
/*max-width: 800px !important;*/
}


.content {
    min-width: 1000px;
}

}


@media screen and (max-width: 1199px) {

.body {
  /*background-color: red;*/
  min-width: 600px;
/*max-width: 800px !important;*/
}

.content {
    min-width: 800px;
}



.intro_content {
    min-width: 400px;
    min-height: 720px;
}

}


@media screen and (max-width: 800px) {

.body {
  /*background-color: red;*/
  min-width: 600px;
/*max-width: 800px !important;*/
}

.content {
    min-width: 600px;
}

p {
}


.intro_content {
    min-width: 200px;
    max-width: 640px;

}
.nav li a {
margin-inline: 4px;
padding-inline: 24px;
font-size: 0.85em;
}


}


@media screen and (max-width: 720px) {

.intro_content {
    max-width: 620px;

}

}



@media screen and (max-width: 640px) {

.body {
  /*background-color: red;*/
  min-width: 500px;
/*max-width: 800px !important;*/
}

p {
  max-width: 480px;
}


.intro_content {
    max-width: 520px;
padding-inline:16px;
}

.nav li a {
margin-inline: 3px;
padding-inline: 20px;
font-size: 0.84em;
}

.logo img {
  width: 560px;
  height: auto;
}


}



@media screen and (max-width: 600px) {

.body {
  min-width: 380px;
}

p {
  max-width: 440px;
}


.intro_content {
    max-width: 440px;
padding-inline:16px;
}

.nav li a {
margin-inline: 2px;
padding-inline: 16px;
font-size: 0.8em;
}

.logo img {
  width: 520px;
  height: auto;
    padding-bottom: 0px;
}



}


@media screen and (max-width: 560px) {

.body {
  min-width: 320px;
}

p {
  max-width: 400px;
}


.intro_content {
    max-width: 400px;
padding-inline:16px;
}

.logo img {
  width: 440px;
  height: auto;
    padding-bottom: 0px;
}

.nav li a {
margin-inline: 1px;
padding-inline: 8px;
font-size: 0.75em;
}


}



@media screen and (max-width: 520px) {

.body {
  min-width: 300px;
}

p {
  max-width: 360px;
}


.intro_content {
    max-width: 400px;
padding-inline:10px;
}

.logo img {
  width: 440px;
  height: auto;
    padding-bottom: 0px;
}

.nav li a {
margin-inline: 1px;
padding-inline: 6px;
font-size: 0.75em;
}


}




@media screen and (max-width: 480px) {

body {
     font-size: 11pt !important;
  }

.body {
  min-width: 260px;
     font-size: 11pt !important;
}

p {
  max-width: 340px;
       font-size: 11pt !important;
}


.intro_content {
    max-width: 380px;
padding-inline: 8px;
}


.logo img {
  width: 400px;
  height: auto;
  padding-bottom: 0px;
}

.nav li a {
margin-inline: 1px;
padding-inline: 8px;
font-size: 0.74em;
}



}


@media screen and (max-width: 400px) {

.body {
  min-width: 220px;
}

p {
  max-width: 320px;
}


.intro_content {
    max-width: 340px;
padding-inline: 4px;
}


.logo img {
  width: 360px;
  height: auto;
  padding-bottom: 0px;
}

.nav li a {
margin-inline: 1px;
padding-inline: 6px;
font-size: 0.72em;
}



}

@media screen and (max-width: 360px) {


  body {
         font-size: 10pt !important;
  }


.body {
  min-width: 200px;
     font-size: 10pt !important;
}

p {
  max-width: 280px;
}


.intro_content {
    max-width: 300px;
padding-inline: 4px;
}


.logo img {
  width: 330px;
  height: auto;
  padding-bottom: 0px;
}

.nav li a {
margin-inline: 1px;
padding-inline: 5px;
/*font-size: 0.66em;*/
}



}