/* Extra small devices (portrait phones)*/
@media screen and (min-width:320px) and (max-width:479px) {

  /* container */
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .logo_row{
    justify-content: space-around;
  }
  .logo_row a{
    height:auto;
  }
  .page{
    margin-right:0px;
  }
  .page p{
    font-size:12px;
  }
  .logo{
    width:150px;
    padding-top:5px;
    height: auto;
    
  }
  .first {
    padding:0 10px;
    flex-direction: column;
    align-items:center;
    height: auto;
  }
  .first_left{
    width:100%;
    transform: scale(0.8);
  }
  .first_left img{
    box-shadow:
    0 1px 4px rgba(0, 0, 0, .3),
    -3px 0 20px -23px rgba(0, 0, 0, .5),
    3px 0 20px -23px rgba(0, 0, 0, .5),
    0 0 3px rgba(0, 0, 0, .1) inset;

  }
  .first_right{
    width:100%;
  }
  .first_right p:first-of-type{
    text-align: justify;
  }
  .first_right p{
    font-size: 16px;
  }
  .first_right ol li{
    font-size: 16px;
  }
  .footer_down{
    flex-direction: column;
  }
  .footer_left{
    width:auto;
  }
  .footer_left h4{
    font-size: 24px;
    padding-bottom: 20px;
  }
  .footer_left p{
    font-size: 16px;
    padding: 0 20px 30px 20px;
  }
  .footer_right{
    width:100%;
  }
  .footer_menu{
    display: flex;
    width:80%;
    padding: 0 0 30px;
    margin:0 auto;
    justify-content: space-around;
    flex-direction: row;
  }
  .footer_menu li>a{
    font-size: 16px;
  }
  .zero{
    height: 50px;
  }
  .copyright{
    font-size:12px;
  }
}

/* Extra small devices (portrait phones high definition) */
@media screen and (min-width:480px) and (max-width:575px) {

  /* container */
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .logo_row{
    justify-content: space-around;
  }
  .logo_row a{
    height:auto;
  }
  .logo{
    width:200px;
    padding-top:5px;
    height: auto;
    
  }
  .first {
    padding:0 50px;
    flex-direction: column;
    align-items:center;
    height: auto;
  }
  .first_left{
    width:100%;
    transform: scale(0.8);
  }
  .first_left img{
    box-shadow:
    0 1px 4px rgba(0, 0, 0, .3),
    -3px 0 20px -23px rgba(0, 0, 0, .5),
    3px 0 20px -23px rgba(0, 0, 0, .5),
    0 0 3px rgba(0, 0, 0, .1) inset;

  }
  .first_right{
    width:100%;
  }
  .first_right p:first-of-type{
    text-align: justify;
  }
  .first_right p{
    font-size: 17px;
  }
  .first_right ol li{
    font-size: 17px;
  }
  .footer_left{
    width:auto;
  }
  .footer_left h4{
    font-size: 32px;
  }
  .footer_left p{
    padding: 0 40px 40px 20px;
  }
  .footer_right{
    width:auto;
  }
  .footer_menu{
    padding:40px 20px;
  }
  .footer_menu li>a{
    font-size: 16px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width:576px) and (max-width:767px) {

  /* container */
  .container {
    width: 100%;
    margin: 0 auto;
  }
  .first {
    padding:0 50px;
    flex-direction: column;
    align-items:center;
    height: auto;
  }
  .first_left{
    width:100%;
    transform: scale(0.8);
  }
  .first_left img{
    box-shadow:
    0 1px 4px rgba(0, 0, 0, .3),
    -3px 0 20px -23px rgba(0, 0, 0, .5),
    3px 0 20px -23px rgba(0, 0, 0, .5),
    0 0 3px rgba(0, 0, 0, .1) inset;

  }
  .first_right{
    width:100%;
  }
  .first_right p:first-of-type{
    text-align: justify;
  }
  .footer_left{
    width:auto;
  }
  .footer_left h4{
    font-size: 36px;
  }
  .footer_left p{
    padding: 0 40px 40px 20px;
  }
  .footer_right{
    width:auto;
  }
  .footer_menu{
    padding:40px 20px;
  }
  .footer_menu li>a{
    font-size: 18px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width:768px) and (max-width:991px) {

  /* container */
  .container {
    width: 768px;
    margin: 0 auto;
  }

  .first {
    padding:0 50px;
    flex-direction: column;
    align-items:center;
    height: auto;
  }
  .first_left{
    width:100%;
    transform: scale(0.8);
  }
  .first_left img{
    box-shadow:
    0 1px 4px rgba(0, 0, 0, .3),
    -3px 0 20px -23px rgba(0, 0, 0, .5),
    3px 0 20px -23px rgba(0, 0, 0, .5),
    0 0 3px rgba(0, 0, 0, .1) inset;

  }
  .first_right{
    width:100%;
  }
  .first_right p:first-of-type{
    text-align: justify;
  }
}

/* Large devices (desktops, 992px and up)*/
@media screen and (min-width:992px) and (max-width:1199px) {

  /* container */
  .container {
    width: 980px;
    margin: 0 auto;
  }

  .first_right {
    width: 50%;
    margin-right: 10px;
  }

}