@font-face {
font-family: 'NexaFreeLightwebfont';
src: url('../font/NexaFreeLightwebfont.eot');
src: local('NexaFreeLightwebfont'), url('../font/NexaFreeLightwebfont.woff') format('woff'), url('../font/NexaFreeLightwebfont.ttf') format('truetype');
}
@font-face {
font-family: 'NexaFreeBoldwebfont';
src: url('../font/NexaFreeLightwebfont.eot');
src: local('NexaFreeBoldwebfont'), url('../font/NexaFreeBoldwebfont.woff') format('woff'), url('../font/NexaFreeBoldwebfont.ttf') format('truetype');
}
@font-face {
font-family: 'Proxima Nova Regular';
src: url('../font/Proxima Nova Regular.otf');
src: local('Proxima Nova Regular'), url('../font/Proxima Nova Regular.woff') format('woff'), url('../font/Proxima Nova Regular.otf') format('truetype');
}
@font-face {
font-family: 'Proxima Nova Semibold';
src: url('../font/Proxima Nova Semibold.otf');
src: local('Proxima Nova Semibold'), url('../font/Proxima Nova Semibold.woff') format('woff'), url('../font/Proxima Nova Semibold.otf') format('truetype');
}
@font-face {
font-family: 'Gotham Light Regular';
src: url('../font/Gotham Light Regular.otf');
src: local('Gotham Light Regular'), url('../font/Gotham Light Regular.woff') format('woff'), url('../font/Gotham Light Regular.otf') format('truetype');
}
@font-face {
font-family: 'FontsFree-Net-Proxima-Nova-Bold';
src: url('../font/FontsFree-Net-Proxima-Nova-Bold.otf');
src: local('FontsFree-Net-Proxima-Nova-Bold'), url('../font/FontsFree-Net-Proxima-Nova-Bold.woff') format('woff'), url('../font/FontsFree-Net-Proxima-Nova-Bold.otf') format('truetype');
}



.header-my
{
	float:left;
	width:100%;
	padding:10px 0px;
	margin:0px;
}

.my-class
{
    background: rgb(255, 255, 255);
    font-family: 'Gotham Light Regular', sans-serif;
    font-size: 16px;
    padding:15px;
    line-height: 25px;
}

.buttons
{background: #29518f;color: #fff;padding: 10px;border-radius: 25px;}

.buttons:hover
{background: #000;
color: #fff !important;
text-decoration:blink;
padding: 10px;

}

.my
{
    background: #c8251c;
    color: #ffffff;
    padding: 10px;
    border-radius: 25px;
    }

.links
{
color:#fff;
}

.links:hover
{
color:#fff;
text-decoration:blink !important;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

.my {
    background: #fff;
    color: #202020;
    padding: 12px;
    border-radius: 25px;
    font-size: 8px !important;
}


.my-class {
    background: rgb(255, 255, 255, 0.8);
    font-family: 'Gotham Light Regular', sans-serif;
    font-size: 12px;
    padding: 15px;
}





}