html, body, div, span, h1,
h2, h6, h4, h5, h6, p, img, ol, ul, li,
form, label, input, button,
table, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

html, body {
    height: 100%;
}

body {
    line-height: 1;
    font-family: 'Exo 2', arial;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

a {
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: none;
    }

* {
    box-sizing: border-box;
}

#opening {
    background-image: url('../images/opening-bg2.png');
    height: 100%;
    min-height:550px;
    opacity: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #opening .opening-box {
        border: 3px solid #414042;
        border-radius: 20px;
        padding: 65px 15px;
        width: 100%;
        max-width: 550px;
        margin:3px;
    }

        #opening .opening-box h3.header {
            margin-top: 55px;
            margin-bottom: 0;
            color: #414042;
            font-size: 30px;
        }

        #opening .opening-box .line {
            border-bottom: 1px solid #929292;
            margin: 35px auto 0;
            width: 50px;
        }

        #opening .opening-box p.address {
            font-size: 18px;
            color: #4b6151;
            margin-top: 20px;
        }

        #opening .opening-box .info-box {
            margin: 33px 7% 0;
        }

            #opening .opening-box .info-box .box {
                padding: 1px;
            }

            #opening .opening-box .info-box .mail-box p.info {
                background: url('../images/envelope.png') left center no-repeat;
                line-height: 37px;
            }

            #opening .opening-box .info-box .phone-box p.info {
                background: url('../images/call.png') left center no-repeat;
                line-height: 37px;
            }

            #opening .opening-box .info-box p.info a {
                font-size: 18px;
                color: #414042;
                padding-left: 40px;
            }

/*MEDIA QUERIES*/


@media (max-width:1199px) {
    #opening .opening-box h3.header {
        margin-top: 33px;
        font-size: 25px;
    }

    #opening .opening-box .line {
        margin: 30px auto 0;
    }

    #opening .opening-box p.address {
        font-size: 16px;
        margin-top: 18px;
    }

    #opening .opening-box .info-box {
        margin: 25px 7% 0;
        padding: 0 22%;
        text-align: center;
    }

        #opening .opening-box .info-box p.info a {
            font-size: 16px;
        }
}



@media (max-width:992px) {
    #opening .opening-box h3.header {
        margin-top: 33px;
        font-size: 25px;
    }

    #opening .opening-box .line {
        margin: 30px auto 0;
    }

    #opening .opening-box p.address {
        font-size: 16px;
        margin-top: 18px;
    }

    #opening .opening-box .info-box {
        margin: 25px 7% 0;
        padding: 0 22%;
        text-align: center;
    }

        #opening .opening-box .info-box p.info a {
            font-size: 16px;
        }
}

@media (max-width:767px) {
    #opening .opening-box h3.header {
        margin-top: 25px;
        font-size: 21px;
    }

    #opening .opening-box .line {
        margin: 25px auto 0;
    }

    #opening .opening-box p.address {
        font-size: 14px;
        margin-top: 14px;
    }

    #opening .opening-box .info-box {
        margin: 20px 10% 0;
    }

        #opening .opening-box .info-box p.info a {
            font-size: 14px;
        }
}

@media(min-width:577px) {
    #opening .opening-box .phone-box p.info a {
        pointer-events: none;
    }
}

@media (max-width:576px) {

    #opening .opening-box h3.header {
        margin-top: 30px;
        font-size: 20px;
    }

    #opening .opening-box p.address {
        font-size: 13px;
    }

    #opening .opening-box .info-box p.info a {
        font-size: 13px;
    }
    
   
}

@media (max-width:400px) {

    #opening .opening-box h3.header {
        margin-top: 20px;
        font-size: 18px;
    }

    #opening .opening-box p.address {
        font-size: 14px;
    }

    #opening .opening-box .info-box {
        margin: 20px 3% 0;
    }

    #opening .opening-box .info-box p.info a {
        font-size: 14px;
    }
    
    .test{
	    max-width: 90%;
    }        
}

@media (max-width:300px) {
    #opening .opening-box h3.header {
        margin-top: 15px;
        font-size: 17px;
    }

    #opening .opening-box p.address {
        font-size: 13px;
    }

    #opening .opening-box .info-box {
        margin: 20px -6% 0;
    }
}