/*Main information*/

.main_info {
    margin: 0 auto;
    margin-bottom: 50px;

    padding: 20px 25px;
    
    max-width: 1200px;
    width:75%;

    background-color: white;
    box-shadow: 0 0 3px 1px black;

    text-align: center;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.main_image {
    width: 50%;
    height: auto;
    
    opacity: .3;
}


.main_title {
    text-transform: uppercase;
    
    font-size: 40px;

    color: 	#87CEFA;
}

.main_content {
    text-align: left;

    font-size: 20px;
}

.main_info a {
    text-decoration: none;
    font-style: italic;

    color: #87CEFA;
}

/*Menu button*/

.menu_button {
    width: 100%;
    height: 400px;

    margin: 100px auto;

    background-image: url(/images/world_map.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.button {
    display: inline-block;
    
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;

    font-size: 20px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-weight: 600;

    color: white;

    background-color: #41fe00;
    box-shadow: 0 0 20px 1px black;

    margin: 0 auto;
    
    padding: 20px;
}

@media (max-width: 1024px) {
    .main_info {
        max-width: 1024px;
    }
}

@media (max-width: 768px) {
    
    /*Main information*/

    .main_info {
        max-width: 768px;
        width: 80%;
    }

    .main_title {
        font-size: 30px;
    }

    .main_content {
        font-size: 17px;
    }

    /*Buttom menu*/
    
    .button {
        font-size: 17px;
    }

    /*Footer*/
    
}


@media (max-width: 600px) {

   /*Menu information*/

   .main_info {
       max-width: 600px;
       width: 90%;
   }

   .main_title {
       font-size: 23px;
   }

   .main_content {
       font-size: 14px;
   }

   /*Button menu*/

   .button {
       font-size: 12px;
   }

   .menu_button {
       margin-bottom: 0;
   }

}

@media (max-width: 480px) {
 
   /*Main information*/

   .main_info {
       max-width: 480px;

       margin: 25px auto;
   }

   .main_title {
       font-size: 18px;

       margin-bottom: 10px;
   }

   .main_content {
       font-size: 12px;
   }

   .main_image {
       display: none;
   }
 
      /*Menu button*/
   
   .menu_button {
       margin: 0 auto;
       margin-top: 50px;
       height: 200px;
   }

   .button {
      font-size: 8px;
      padding: 12px;
   }

}

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

     /*Main information*/

     .main_title {
        font-size: 17px;
 
        margin-bottom: 8px;
    }
 
    .main_content {
        font-size: 10px;
    }
}

@media (max-width: 320px) {
   
    .main_info {
       max-width: 320px;
       width: 95%;
   }

    .main_title {
       font-size: 16px;
       margin-bottom: 10px;
   }

   .main_content {
      font-size: 9px;
   }

}