/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */
    @media only screen and (min-width : 320px) {
      #flags img{
        width:20%;
        height:auto;
        margin-left:50px;
        box-shadow:10px 10px 10px #82807f;
      }
      .info_large2{
        position:relative;
        float:right;
        right:30px;
        top:5%;
        text-align: right;
        font-size:110%;
      }
      #logo2{
        position:relative;
        float:left;
        left:20px;
        top:10px;
        width:110px;
        height:auto;
      }
      #phone{
        position:absolute;
        left:0%;
        height:100%;
        width:100%;
        /*background-color:silver;*/
        font-family:Tahoma, sans-serif;
      }
    }

    /* Extra Small Devices, Phones */
    @media only screen and (min-width : 480px) {
      #flags img{
        width:20%;
        height:auto;
        margin-left:50px;
        box-shadow:10px 10px 10px #82807f;
      }
      .info_large2{
        position:relative;
        float:right;
        right:30px;
        top:5%;
        text-align: right;
        font-size:160%;
      }
      #logo2{
        position:relative;
        float:left;
        left:20px;
        top:5px;
        width:130px;
        height:auto;
      }
      #phone{
        position:absolute;
        left:0%;
        height:100%;
        width:100%;
        /*background-color:silver;*/
        font-family:Tahoma, sans-serif;
      }
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
      .info_large2{
        position:relative;
        float:right;
        right:30px;
        top:50px;
        text-align: right;
        font-size:150%;
      }
      #logo2{
        position:relative;
        float:left;
        left:20px;
        top:5px;
        width:130px;
        height:auto;
      }
      #phone{
        position:absolute;
        left:18%;
        height:100%;
        width:70%;
        /*background-color:silver;*/
        font-family:Tahoma, sans-serif;
      }
      #flags img{
        width:20%;
        height:auto;
        margin-left:50px;
        box-shadow:10px 10px 10px #82807f;
      }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
      #logo{
        width:25%;
        height:auto;
      }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
      #logo{
        width:23%;
        height:auto;
      }
      .spacer_top{
        padding-top:20px;
      }
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {

    }