@charset "utf-8";
/* CSS Document */

.container-second { padding: 2%; width: 38%;} .bigger{font-size:20px;} h1{display:none;} h2{font-size:26px!important;} @media only screen and (max-width: 1130px){.container{width:400px!important; height:400px!important; margin:7px;}} @media only screen and (max-width: 960px){.nomob{display:none;}.hide{display:none;} .top-right {top: 0px!important; right:0px!important; position:relative!important; text-align:cneter; margin-left: auto; margin-right: auto; margin-bottom: 3%; margin-top: 3%;}} @media only screen and (max-width: 900px) {.top-right {top: 0px!important;width:95%!important; height:150px!important; right:0px!important; position:relative!important;}} .nomob{color:white!important;} h3 { margin: 20px;} /* Container holding the image and the text */ .cont { position: relative; text-align: center; color: white; text-size:22px; } /* Top right text */ .top-right { position: absolute; top: 160px; left: 60px; font-family: 'Open Sans', sans-serif; bottom: 10.5rem; width: 380px; max-width: 380px; height:65px; border: 2px solid rgba(128,128,128,0.7); background: rgba(0,0,0,0.85); text-align: center; } /* Centered text */ .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #breadcrumbs .left a {display:none;} h1 { color: rgb(134, 0, 56); text-align: center; } @media (min-width: 1200px){#site #footer .col-container>.col1 {width:30%}.col-container-second>.col1 {width:30%}} @media (min-width: 1200px){#site #footer .col-container>.col2 {width:70%}.col-container-second>.col2 {width:70%}} @media (min-width: 800px){#site #footer .col-container>.col2 .col1 {width:40%; padding-top:0px;}} @media (min-width: 800px) {#site #footer .col-container>.col2 .col2 {width:60%;}} @media (max-width: 799px){.container-second {width:90%!important;} a[class|="btnArrow-gold-gold"] {width:175px!important;} } /* container sizes and positions */ .container { position: relative; text-align: center; color: black; display:inline-block; width: 880px; height: 250px; margin: 5px; padding-top:5%; background:#ededed; border: 2px solid white; } .pinch{margin:20px!important;} .container:hover{border: 2px solid grey; } .container-second { position: relative; text-align: center;} a[class|="btnArrow-gold-gold"] {width:280px; background-color:#860038; border-color: #b1b1b1; text-align: center;} a[class|="btnArrow-gold-gold"]:hover{background-color:#68002c;} 

