.topHeaderLogged {
    margin-left:20px;
    padding-top:30px;
    padding-bottom:60px;
    margin-right:40px;

}

#topHeaderNotLogged {
   margin-left:20px;
    padding-top:30px;
    padding-bottom:60px;
}

#logo {
    max-height:93px;
    max-width: 300px;
}

#ccpLogo {
    max-height:193px;
    max-width: 400px;
}

li a {
    display: inline-block;
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 2px;
    letter-spacing: 1px;
    text-align: left;

}
.rewards {
    width:20%
}
a.irelandpic2 {
    margin-right: 110px;
}

.failedRegistrationContainer {
margin-top:-20px;

}


.errorMessage {
   color: #454545;
    padding-left: 100px;
    margin-top: -20px;
}

a.englandpic2 {
    margin-right: 110px;
}
li a:hover, .dropdown:hover .dropbtn {

}

li.a {
    color: #757575;
}
li.dropdown {
    display: inline-block;
}

.dropbtn {
    color: white;
    padding: 13px;
    border: none;
    cursor: pointer;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: left;
    margin-left: 30px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 175px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
}

a.header {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    text-align: left;
    color: #ffffff;
    text-decoration:none;
}

.wrapper {
    position:relative;
}

.div_1 {
    position:absolute;
    top:10px;
    left:20px;
}

div.header, div.cloud-header {
    width: 100%;
    height: 10%;
    clear: both;
    background-size: 100% 100%;
    background-color: rgba(0,0,0,0.2);
}
.whiteText {
    margin-left: 20%;
    margin-right: 20%;
    padding-top:40px;
}

#announcement-bar {
    top:0px;
    background: lightgrey;
    padding:10px;
}

@media screen and (max-width: 1024px) {


}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    a.pic {

    }
}
@media screen and (min-width: 375px) and (max-device-width : 667px){


    a.irelandpic3 {
        margin-left: 10px;

    }
    .dropbtn  {
         margin-left: 5px;
    }
    a.irelandpic1 {
        margin-right: 5px;

    }
    a.englandpic {
        margin-right: 30px;

    }
    a.englandpic1 {
        margin-right: 5px;

    }
   
    .rewards {
        width:28%
    }

    a.header {
        font-size: 14px;
        text-align: left;
        color: #ffffff;
    }
    #nohassleImg {
        margin-top: -40px;
    }
    .nameMenu {
        margin-left: -20px;
        width:20%
    }

}

@media screen and (min-width: 768px) and (max-device-width : 1024px){
    a.irelandpic3 {
        margin-left: 10px;

    }

    a.irelandpic1 {
        margin-right: 10px;

    }
    a.englandpic {
        margin-right: 30px;

    }
    a.englandpic1 {
        margin-right: 10px;

    }
 
    .rewards {
        width:28%
    }

    a.header {
        font-size: 14px;
        text-align: left;
        color: #ffffff;
    }
    #nohassleImg {
        margin-top: -40px;
    }
    .nameMenu {
        margin-left: -20px;
        width:20%
    }
}

div.background {
    width:100%;
    height:450px;
}

.colour {
    width: 29.1%;
    float:right;
    vertical-align:top;
    align:left;
    margin-left:0px;
    margin-right:0px;
    border:0px;
    padding:0px;
    height:40px;
    color:white;
    font-weight: bold;
    font-size: 18px;
    -webkit-appearance: none;

}
@media screen and (min-width: 375px) and (max-device-width : 667px){
     .colour {
        width:27.6%;
    	height: 43px;
    }
    #nohassleImg {
        margin-top: -40px;
    }

}
@media screen and (min-width: 768px) and (max-device-width : 1024px) {
    .colour {
        width:27.6%;
    	height: 43px;
    }
    #nohassleImg {
        margin-top: -40px;
    }
}

.searchInput {
    border-radius: 0;display:inline-block;margin-right:0px;border:0px;width:calc(70% - 22px);height:43px;font-size:20px;padding-left:20px;-webkit-appearance: none;
}

.nameMenu {
    width:20%;
}

div.colour {
    margin-left:25%;
    margin-right:25%;
    width:50%;
    border-width:10px;
    border-style:solid;
    border-color:#888888;
    margin-bottom:10px;
}

div.map {
    margin-top:-30px;
    height:250px;
    background-repeat: no-repeat;
    background-size:100%;
    background-clip: padding-box;
}

h2.telText {
    text-align:center;
    margin-left:12%;
    margin-right:12%;
    font-size: 16px;
    font-weight: 500;
    font-family: Arial;
    font-stretch: normal;
    margin-top:-20px;
    letter-spacing: 2.3px;
}

#nohassleImg {
    width:100%;
    background-color:#F8F8F8;
    padding-bottom: 20px;
}

#featureImg {
    width:100%;
    height:60px;
    background-color:#F8F8F8;
}

#featureImgPlace {
    float:left;
    width:33%;
    text-align: center;
    margin-top:-40px;
}

h1.viewLocations {
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: 500;
    font-family: Arial;
    font-stretch: normal;
    letter-spacing: 2.3px;
}

h2.phoneNumber {
    text-align:center;
    margin-left:5%;
    margin-right:8%;
    font-size: 16px;
    font-weight: 500;
    font-family: Arial;
    font-stretch: normal;
    margin-top:-20px;
    letter-spacing: 2.3px;"
}

.backgroundloggedContainer {
    margin-left:20px;
    padding-top:30px;
    padding-bottom:15px;
    margin-right:40px;
}

.backgroundNotloggedContainer {
    margin-left:20px;
    padding-top:30px;
    padding-bottom:15px;
}
.bottomLayer {
    margin-left:20px;
    padding-top:5px;
    padding-bottom: 23px;
}


@media only screen and (min-width: 1400px)
{
        .bottomLayer {
                padding-bottom: 32px;
        }
}


@media only screen and (min-width: 1500px)
{
        .bottomLayer {
                padding-bottom: 32px;
        }
}

@media only screen and (min-width: 1600px)
{
        .bottomLayer {
                padding-bottom: 34px;
        }
}

@media only screen and (min-width: 1800px)
{
        .bottomLayer {
                padding-bottom: 58px;
        }
}
@media only screen and (min-width: 2500px)
{
	.bottomLayer {
		padding-bottom: 100px;
	}
	
}