html  

@font-face 
{
    font-family: calibri;
    src: url(fonts/calibri.woff);  
}

body 
{	
        width:64vw;
        height:auto;
        margin-left:auto;
        margin-right:auto;
}

.photobox 
{       
        width:18vw;
        float:left;
        height:auto;
        margin-left:1vw;
        margin-right:1vw;
        margin-top:2vw;
        margin-bottom:1vw;      
}

.photobox2 
{       
        width:18vw;
        float:left;
        height:auto;
        margin-left:3vw;
        margin-right:3vw;
        margin-top:2vw;
        margin-bottom:1vw;
                   
}


.tmb
{
    width:18vw;
    height:auto;
    float:left;
    box-shadow:0.2vw 0.2vw 0.4vw 0.2vw rgba(07,07,07,0.4);
    border-radius:0.8vw;
}

.tmb2
{
    width:18vw;
    height:auto;
    float:left;
     
}

hr 
{
        height: 0.09vw;
        width:45vw;
        background-image:linear-gradient(to right,rgba(190,190,255,0),rgba(190,190,255,0.7),rgba(190,190,255,0));
        border: none;
}

.textbox 
{
        width:18vw;
        float:left;
        height:auto;
        margin-left:1vw;
        margin-right:1vw;
        margin-bottom:1vw;
        font-family:calibri,arial,sans-serif;
        text-shadow: 0.2vw 0.2vw 0.2vw rgba(18, 18, 18, 0.7);
        color:#cef;
        font-size:1.6vw;
        font-weight:400;
        text-align:center; 
          
}

.textbox2 
{
        width:18vw;
        float:left;
        height:auto;
        margin-left:3vw;
        margin-right:3vw;
        margin-bottom:1vw;
        font-family:calibri,arial,sans-serif;
        text-shadow: 0.2vw 0.2vw 0.2vw rgba(18, 18, 18, 0.7);
        color:#cef;
        font-size:1.6vw;
        font-weight:400;
        text-align:center;    
}


.footer 
{
        width:64vw;
        float:left;
        height:auto;
        margin-bottom:1vw;
        padding:1vw 0vw 1vw 0vw;
        font-family:calibri,arial,sans-serif;
        text-shadow: 0.2vw 0.2vw 0.2vw rgba(18, 18, 18, 0.7);
        color:#ccf;
        font-size:1.4vw;
        font-weight:400;
        text-align:center; 
        border-radius:1vw;   
}


.footer2 
{
        width:28vw;
        float:left;
        height:auto;
        margin-left:18vw;
        margin-top: 0vw;
        margin-bottom:0.6vw;
        padding:1vw 0vw 1vw 0vw;
        font-family:calibri,arial,sans-serif;
        text-shadow: 0.2vw 0.2vw 0.2vw rgba(9, 9, 9, 0.7);
        color:#ccf;
        font-size:1.7vw;
        font-weight:400;
        text-align:center; 
        border-radius:1vw;   
}


.footer2:hover
{
        background-color:rgba(18,27,234,0.3); color:#ccf;
}


p {
        font-family: calibri, arial, sans-serif;
        font-size:calc(9px + 0.6vw);
        padding:0vw 9vw 0vw 9vw;
        text-shadow: 0.1vw 0.1vw 0.1vw rgba(9, 9, 9, 0.9);
        color:#cdf;
        text-align:justify;   
}


h1  {
        font-family:Calibri,arial, sans-serif;
        font-size: 4.2vw;
        margin-top:2vw;
        margin-bottom:0vw;
        text-shadow: 0.3vw 0.3vw 0.3vw rgba(18, 18, 18, 0.9);
        font-weight: 400;
        color: #def;
        text-align:center;
}