.topMargin {
    margin-top:50px;
}

.left-text h1 {
    /*color:#b80502;*/
    flex: 1;
    color:#0a3c82;
    font-size: 3rem;
}

.image-container{
      flex: 1;
   
    max-width: 37vw;
   

    
}

.image-container img {
    max-width: 600px;
    height: 300px;

    margin: 10px 10px 0px 70px;
    border-radius: 30px;
   


}

.container-main {
    flex:1;
    display:flex;

    justify-content: flex-start;
    flex-wrap:wrap;
    width:100vw;
    min-height: 24vw;
    margin:1rem auto 1rem auto;

 }

 .aboutus-box {
    display: flex;
    flex-wrap: wrap;
   

    width:70vw;
    min-height:50vh;
    margin: 0px auto 0px auto;
    /*margin-top: 10px;*/
    padding-left: 5vw;
    background-color:#1F2E44;
    border:1px solid whitesmoke;
    border-radius: 30px;
}

.aboutus-text {
    flex:1;
    max-width: 700px;

}



.aboutus-img  {
    flex:1;
     max-width: 450px;

}

.aboutus-text {


    font-size: 1.5rem;
    padding-top: 40px;
    text-align: center;
    color: whitesmoke;
}

.aboutus-img img {
    width: 450px;
    height: 450px;
    margin:0px auto 0px 60px;
}
.aboutus-text p {
    margin-bottom: 40px;
}

.text-box {
    flex:1;
    max-width: 30vw;
  
    padding: 3rem;
}

.text-box p {
    font-size: 2rem;
    text-align: center;
}

.text-contact {
     flex:1;
    max-width: 40vw;
    font-style: italic;
    padding: 3rem;
    
}

.text-contact p {
    font-size: 2rem;
    padding-top: 20px;
    text-align: center;

}

.text-contact p:last-child {
    margin-top: 70px;
    text-align: right;
}

.gallery-box {
    flex:1;
    display: flex;
    flex-wrap: wrap;
    max-width: 70vw;
    max-height: 40vh;
    
}

.contact-box{
    flex:1;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    max-width: 60vw;
    max-height: 20vw;
    
   
}

.contact-box h2 {
    max-width: 150px;
    min-width: 150px;
    
    margin-top: -55px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 2rem;
    color: whitesmoke;

    background-color: #1F2E44;
    border-radius: 30px;
}

.contact-box .work-time {

    min-width: 50vw;
    min-height: 26vh;
    font-size: 1.4rem;
    padding: 1rem;

    color:#1F2E44 ;
    background-color: floralwhite;
    border: 10px solid #1F2E44;
    border-radius: 30px 30px 30px 30px;
    
   margin: 0rem auto 0rem auto;
}



.contact-box .work-time table {
    width: 100%;
    margin-left: 80px;
    margin-bottom: 20px;
}

.contact-box .work-time div {
    text-align: center;
    
}




.gallery {
    
    flex:1;
    background-color: whitesmoke;
    min-width: 200px;


    border: 1px solid hsl(0,0%, 60%);
    border-radius: 30px;
    margin:5px;
}

.gallery  .description {
    padding: 10px;
    text-align: center;
}


.gallery:hover {
    border: 1px solid hsl(0,0%, 20%);
}

.gallery img {
    width: 100%;
    height: auto;
    border-radius: 30px 30px 0px 0px;
}

@media (min-width: 700px) and (max-width: 1500px){
    .image-container{
        
        max-width: 60%;
        margin: 10px auto 0px auto;
  

    
}

.image-container img {
    max-width: 700px;
    height: 300px;

    margin: 10px 10px 0px auto;
    border-radius: 30px;
   


}

.container-main {
    flex:1;
    display:flex;

    justify-content: flex-start;
    flex-wrap:wrap;
    width:100vw;
    min-height: 24vw;
    margin:1rem auto 1rem auto;

 }

 .aboutus-box {
    display: flex;
    flex-wrap: wrap;

   

    width:80vw;
    min-height:50vh;
    margin: 0px auto 0px auto;
    /*margin-top: 10px;*/
    padding: 2vw;
    background-color:#1F2E44;
    border:1px solid whitesmoke;
    border-radius: 30px;
}

.aboutus-text {
    flex:1;
    max-width: 700px;

}



.aboutus-img  {
    flex:1;
     max-width: 450px;
     /*padding-top: 300px;*/

}


.aboutus-text {


    font-size: 1.5rem;
    padding-top: 40px;
    text-align: center;
    color: whitesmoke;
}

.aboutus-img img {
    width: 450px;
    height: 450px;
    margin:0px auto 0px 60px;
    padding-top: 0px;
}
.aboutus-text p:last-child {
    margin-bottom: 10px;

}

.text-box {
    flex:1;
    max-width: 30vw;
  
    padding: 3rem;
}

.text-box p {
    font-size: 2rem;
    text-align: center;
}

.work-time {
    display: block;
}




}


@media (max-width: 920px){
    
    .container-main{

        flex-direction:column;
        width:100%;
    }

    .text-box {
    flex:1;
    max-width: 100%;
    
    
}


    .text-box p {
    font-size: 1.2rem;
    text-align: center;
}

    .left-text h1 {
    /*color:#b80502;*/
    color:#0a3c82;
    font-size: 2rem;
}

    .gallery-box {
    
    max-width: 100%;


    
}

    .gallery {
        margin: 1rem;

        max-width: 40%;
        min-width:35vw; 
        
    }

}


@media (max-width:420px) {

        .logo-container img{
            min-height: 100%;
            padding: 0;
            
        }  

        .logo{
            padding-left:10px;
            color: #fff;
            font-size: 1rem; /*1.1*/
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
            line-height: 3.1rem;
        }


        .left-text h1 {
            /*color:#b80502;*/
            color:#0a3c82;
            font-size: 2rem;
    }

        main {
            position: relative;
            height: calc(100vh - 7rem);
            width: 100%;

            
            
            overflow: auto;
        }

        .gallery-box {
            flex:1;
            display: flex;
            flex-wrap: wrap;
            max-width: 100%;
            max-height: 100%;
            justify-content:center;
           
    
        }

        footer{
            position: sticky;
            position: relative;
            bottom: 0px;
            width:100%;
            min-height: 5rem;
            
            padding-top: 10px;
            padding-left: 10px;
            border-top: 2px solid #fff;
            background-color:#1F2E44 ;
            color: #fff;
            
            display: flex;
            flex-wrap: wrap;
           
        }


        footer div:nth-child(1) {
            flex:1;
             
             min-width: 45%;
             order:1;
             font-size: .8rem;
        }

        footer div:nth-child(2){
            flex:1;
            flex-shrink: 1;
            order:3;
            font-size: .8rem;
            text-align: center;
            padding-bottom: 1rem;
        }

        footer div:nth-child(3){
            flex:1;
             
             min-width: 45%;
             order: 2;
             font-size: .7rem;
            text-align: right;
        }

        .logo-container div {
            position:absolute;
            top:3rem;
            color:#fff;
            background-color: #1F2E44;
            padding: .2rem auto .4rem auto;
            border-radius: 0px 0px 20px 0px;
            font-size:.8rem;
            /*min-width: 15vw;*/



        }


        .image-container{
      
        max-width: 100%;

   

    
}

.image-container img {
    max-width:100%;
    height: 50%;

    margin: 0px auto 0px auto;
    border-radius: 0px;
   

}

.aboutus-box {
    display: flex;
    flex-wrap: wrap;

   

    width:80vw;
    min-height:50vh;
    margin: 0px auto 15px auto;
    /*margin-top: 10px;*/
    padding: 3vw;
    background-color:#1F2E44;
    border:1px solid whitesmoke;
    border-radius: 30px;
}

.aboutus-text {
    flex:1;
    max-width: 80%;
    margin: 0px auto 0px auto;


}



.aboutus-img  {
    flex:1;
     max-width: 100%;
     /*padding-top: 300px;*/
     

}


.aboutus-text {


    font-size: 1rem;
    padding-top: 40px;
}

.aboutus-img img {
    width:200px;
    max-height: 200px;
    margin:0px auto 0px 40px;
    
}
.aboutus-text p:last-child {
    margin-bottom: 10px;

}

.gallery-box{
    margin-bottom: 30px;
}

.contact-box{
    flex:1;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 20px;
    
    min-width: 100%;
    max-height: 100%;
    
   
}

.contact-box h2 {
   
    
    
    padding: 10px;
    font-size: 1rem;
   
    text-align: center;

}



.contact-box .work-time {
    display: block;

    min-width: 90%;
    min-height: 26vh;
    font-size: 0.9rem;
    /*padding: 1rem;*/

    color:#1F2E44 ;
    background-color: floralwhite;
    border: 10px solid #1F2E44;
    border-radius: 30px 30px 30px 30px;
    
   margin: 0rem auto 2rem auto;
   margin-bottom: 1rem;

}

.contact-box .work-time table {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
}

.text-contact {
     flex:1;
    max-width: 100%;
    font-style: italic;
    padding: 1rem;
    
}

.text-contact p {
    font-size: 1rem;
    padding-top: 20px;
    text-align: center;

}

.text-contact p:last-child {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: right;
}

.right-text .rt-inverse{
    order:3;
    margin-bottom: -20px;
}

.left-text .lt-inverse{
    order:4;
    margin-bottom: 20px;
}

.right-text img {
    width: 150px;
    height: 150px;
}



     



}