@import url(https://fonts.googleapis.com/css?family=Amaranth);
body {
  margin:0px;
}
header, a, img, li {
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari and Chrome */
    -o-transition: all 1s; /* Opera */
}

    /* Basic layout */


.divintheader {
    width: 80%;
    max-width:1800px; 
    height: auto;
    
    margin: 0 auto;
}


.divallh {
    background-color: #F7F7F7;
    position: fixed;
    width: 100%;
    min-width: 300px;
    z-index: 100000;
    border-bottom: 5px solid #42A9E7;
}

.divall1h {
    background-color: #F7F7F7;
    position: fixed;
    width: 100%;
    min-width: 300px;
    z-index: 100000;
    border-bottom: 5px solid #42A9E7;
}




.contmenuheader {
    float: right;
    width: auto;
   

}

.contsocialheader {
    float: right;
    text-align:right;
    width: 700px;
  
 
}

.contlogominiheader {
    display: none;
}



.contlogominiheadernone {
    display: none;
}















.div1sx {
    display: none;
}


.div1dx {
    float: right;
    width: auto;
    min-width: 50%;
    height: 50px;
    padding-top: 0px;
    background-color: #F7F7F7;
    clear: right;
}
.div1dx2 {
    float: right;
    width: auto;
    height: 50px;
    padding-top: 0px;
     
}




    img.logo {
        float: left;
    }





header {
    background-color: #F7F7F7;
}


    /* Sizes for the bigger menu */
    header.large {
        height: 145px;
      
    }

        header.large img {
            
            height:145px;
        }

        header.large li {
            margin-top: 0px;
        }


    /* Sizes for the smaller menu */
    header.small {
        height: auto;
    }

        header.small img {
            
            height: 100px;
            margin-top: 0px;
        }




.divallhp2 {
    position: fixed;
    min-width: 300px;
   
    width: 100%;
    z-index: 1000;
}

.divall1hp2 {
    position: fixed;
    width: 100%;
    min-width: 300px;
    z-index: 1000;
   
    
}

@media screen and (max-width: 1321px) {


    .divintheader {
        width: 100%;
       
    }
   
    }

    


    @media screen and (max-width: 1200px) {


        .divintheader {
            width: 100%;
            height: auto;
            margin: 0 auto;
        }

        .div1dx {
            min-width: 50px;
            background-color: transparent;
        }

        .div1dxl2 {
            min-width: 50px;
            background-color: transparent;
        }


        header.large {
            height: 55px;
            padding-left: 0px;
            padding-top: 0px;
            margin-top: 0px;
        }

        .divlogoangle {
            display: none;
        }




        .divallh {
            background-color: #F7F7F7;
        }



        .divall1h {
            background-color: #F7F7F7;
        }

        .divall1hp2 {
            background-color: white;
        }


        .contmenuheader {
            float: left;
            width: 100%;
        }

        .contsocialheader {
            width: 100%;
            float: none;
            text-align: center;
        }

        .contlogominiheader {
            float: right;
            width: 100%;
            height: auto;
            text-align: center;
            display: inherit;
        }


        .contlogominiheadernone {
            display: none;
        }



        .div1sx {
            float: right;
            text-align: center;
            height: 50px;
            width: 300px;
            display: inherit;
        }

        .div1dx2 {
            display: none;
        }

        .div1dx {
            float: left;
            padding-top: 0px;
            width: 300px;
        }

        .div1dxl2 {
            float: left;
        }


        header.large {
            height: 55px;
        }

            header.large img {
                width: 360px;
                height: 55px;
            }

        header.small img {
            width: 360px;
            height: 55px;
            margin-top: 0px;
        }
    }
